Cómo hago para que el texto que ponga respete el ancho del menú lateral durante toda la página?
dandole un ancho fijo al div menu
saludos
Menú lateral
He metido una imagen para que aparezca al lado del menú y me sale justo en el centro de la página. En cambio al meter un texto si me guarda los márgenes descritos.
¿Cual puede ser el fallo?
¿Cual puede ser el fallo?
Hola!
¿Me puede ayudar alguien con el código CSS del menú lateral para Internet Explorer?
Lo que me pasa es que me aparece como si la parte de abajo del menú (el gif en cuestión) se volviera a repetir al lado.
Este es el CSS (he señalado la parte del menú lateral):
*{margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px}
h2 {font-size: 1.9em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: left ; padding: 10px 0px 0px 335px}
h3{font-size:1.9em;color:blue;font-weight:bold;text-decoration:underline;text-align:left;padding:10px 0px 0px 200px}
body {text-align: center}
#global {width:900px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 60px }
#secciones {text-align:center;background-color:green;border:black 1px solid;height:15px;width:325px;font-size:11px;margin:0px 0px 0px 37px}
#secciones li{float:left;list-style:none;padding:0px 20px 0px 20px;border-right:black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding:0px 10px 5px 160px ; text-indent: 30px}
#menu {width:175px ; float:left ; text-align:left ; margin: 15px 10px 3px 15px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 12px}
#menu h1 {text-decoration:none ; font-size:15px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:10px}
#caratula {float:left;padding:12px 0px 0px 40px}
#caratula1 {float:left;padding:12px 0px 0px 240px}
#canciones {text-align:left;padding:10px 0px 15px 415px}
#musica {float:right;padding-right:20px}
#letra {list-style:none;text-align:left;padding-left:180px}
#pie {width: 900px ; float: bottom ; background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 20px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
a {width:170px;color: brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:brown ; text-decoration:bold ; background-color: none}
a:active {}
a.enlaceuno {color: brown ; text-decoration: none ; display: block }
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {color:brown ; text-decoration:bold ; background-color: none}
a.enlaceuno:active {}
#pie a {}
#pie a:link {}
#pie a:visited {}
#pie a:hover {}
#pie a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Por si sirve de ayuda es como el menú del "Curso paso a paso HTML-Kit".
Espero que me ayuden, gracias.
¿Me puede ayudar alguien con el código CSS del menú lateral para Internet Explorer?
Lo que me pasa es que me aparece como si la parte de abajo del menú (el gif en cuestión) se volviera a repetir al lado.
Este es el CSS (he señalado la parte del menú lateral):
*{margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px}
h2 {font-size: 1.9em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: left ; padding: 10px 0px 0px 335px}
h3{font-size:1.9em;color:blue;font-weight:bold;text-decoration:underline;text-align:left;padding:10px 0px 0px 200px}
body {text-align: center}
#global {width:900px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 60px }
#secciones {text-align:center;background-color:green;border:black 1px solid;height:15px;width:325px;font-size:11px;margin:0px 0px 0px 37px}
#secciones li{float:left;list-style:none;padding:0px 20px 0px 20px;border-right:black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding:0px 10px 5px 160px ; text-indent: 30px}
#menu {width:175px ; float:left ; text-align:left ; margin: 15px 10px 3px 15px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 12px}
#menu h1 {text-decoration:none ; font-size:15px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:10px}
#caratula {float:left;padding:12px 0px 0px 40px}
#caratula1 {float:left;padding:12px 0px 0px 240px}
#canciones {text-align:left;padding:10px 0px 15px 415px}
#musica {float:right;padding-right:20px}
#letra {list-style:none;text-align:left;padding-left:180px}
#pie {width: 900px ; float: bottom ; background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 20px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
a {width:170px;color: brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:brown ; text-decoration:bold ; background-color: none}
a:active {}
a.enlaceuno {color: brown ; text-decoration: none ; display: block }
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {color:brown ; text-decoration:bold ; background-color: none}
a.enlaceuno:active {}
#pie a {}
#pie a:link {}
#pie a:visited {}
#pie a:hover {}
#pie a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Por si sirve de ayuda es como el menú del "Curso paso a paso HTML-Kit".
Espero que me ayuden, gracias.
hola
tu le has dado 175px de ancho al div menu
y dentro de el metes una imagen (curva superior) que mide cuanto de ancho????
si tomaste la del curso, esa mide 150px de ancho, por eso se repite
lo que debes hacer es:
ponerle 150px de ancho a div menu o bien....
modificar la imagen para que mida 175px de anncho
con cualquiera de las dos opciones, arreglas tu problema
saludos
tu le has dado 175px de ancho al div menu
y dentro de el metes una imagen (curva superior) que mide cuanto de ancho????
si tomaste la del curso, esa mide 150px de ancho, por eso se repite
lo que debes hacer es:
ponerle 150px de ancho a div menu o bien....
modificar la imagen para que mida 175px de anncho
con cualquiera de las dos opciones, arreglas tu problema
saludos
Muchas gracias por contestar.
La curva superior del menú no me da problemas; cambié la anchura y se ajustó perfectamente.
El problema me lo da únicamente la parte inferior del menú aunque lo he modificado de igual manera que el superior...
Espero que encontremos la solución, muchas gracias de nuevo :wink:
La curva superior del menú no me da problemas; cambié la anchura y se ajustó perfectamente.
El problema me lo da únicamente la parte inferior del menú aunque lo he modificado de igual manera que el superior...
Espero que encontremos la solución, muchas gracias de nuevo :wink:
ya subiste tu web????
dame la url para verlo
saludos
dame la url para verlo
saludos
http://musica.mywebcommunity.org/index.html
(Sólo tengo disponible la sección de Alejandro Sanz por si la quiere ver)
Como ve, me ha surgido el mismo problema con las curvas de la web, y eso que también las retoqué poniendoles 900px de ancho.
Muchas gracias por su ayuda
(Sólo tengo disponible la sección de Alejandro Sanz por si la quiere ver)
Como ve, me ha surgido el mismo problema con las curvas de la web, y eso que también las retoqué poniendoles 900px de ancho.
Muchas gracias por su ayuda
las curvas del menu, la veo bien
la que veo mal es la curva superior, tienes esto
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
esto es lo que tienes en alejandro sanz en rojo lo que te falta
[contenido no disponible]
tienes muchos li sin cerrar en contenido
de las curvas del menu, lo veo perfecto en opera, pero no en ie
saludos
la que veo mal es la curva superior, tienes esto
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
esto es lo que tienes en alejandro sanz en rojo lo que te falta
[contenido no disponible]
tienes muchos li sin cerrar en contenido
de las curvas del menu, lo veo perfecto en opera, pero no en ie
saludos
Es que ése es mi mayor problema (por ahora claro jeje):
La parte inferior del menú se repite a la derecha del propio menú.
Y como le he dicho antes he modificado la anchura a la anchura del menú así que no sé por cual es la causa.
Gracias de nuevo! :wink:
P.D: Por cierto, lo de no cerrar los lei que no era necesario y simplemento no los he cerrado por ahorrar tiempo.
La parte inferior del menú se repite a la derecha del propio menú.
Y como le he dicho antes he modificado la anchura a la anchura del menú así que no sé por cual es la causa.
Gracias de nuevo! :wink:
P.D: Por cierto, lo de no cerrar los