Fallo altura de capas

En la lección cuarta, en alturas de capas para el pié, coloco los tres pies correctamente con las medidas que me dan en el curso, pero al poner la altura que me dice (65px), el tercer pié se me baja a segunda fila, debajo del pié uno.

Copio estiloss para que veais como lo tengo:

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.4em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; 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: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li { list-style:none; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px }
#pieuno {background-color: brown ; float:left ; width:150px }
#piedos {background-color: green ; float:left ; width:498px }
#pietres {background-color: red ; float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px; overflow: hidden }
a {color: blue; font-size:1.1em ; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {color:red; tex-decoration:underline;display: block; background-color: silver}
a:active {}

Ayuda por favor. Gracias.

Hola victor,

no estoy seguro si esta propiedad mal escrita hace que te suceda eso que comentas.

a:hover {color:red; text-decoration:underline;display: block; background-color: silver}

Con esto que está mal escrito, lo que sucede que en las anclas <a href=""> no exista subrrayado, al poner el ratón encima del vínculo, y como no define donde se debe encontrar las tags, por defecto tienen problemas todas las que exista en las hojas.

corrijelo, si no se soluciona, pega tú html, y alguien con dreamweaver (o sin el claro je,je,je,) podrá ver el error.


saludos manmanu

manmanu escribió:Hola victor,

no estoy seguro si esta propiedad mal escrita hace que te suceda eso que comentas.

a:hover {color:red; text-decoration:underline;display: block; background-color: silver}

Con esto que está mal escrito, lo que sucede que en las anclas <a href=""> no exista subrrayado, al poner el ratón encima del vínculo, y como no define donde se debe encontrar las tags, por defecto tienen problemas todas las que exista en las hojas.

corrijelo, si no se soluciona, pega tú html, y alguien con dreamweaver (o sin el claro je,je,je,) podrá ver el error.


saludos manmanu

He corregido el error que me dices, pero eso no afectó al error de pié a que me refería, al final lo he solucionado aumentando el ancho de la capa global, donde pone: #global {width: 800px; margin: 4px auto}, le he puesto 802px y se ha solucionado, creo que sería por falta de espacio en la anchura.
Gracias. Saludos Vitor.