Leccion 2 Alineacion menu

Hola, a ver si me podeis ayudar... estoy atrancada :(

Lo primero, mi enhorabuena al autor o autora de tutorial :wink: . Es muy bueno. Llevo toda la tarde enganchada, quizas sea por eso, que necesite un descanso,pero como digo al principio, me he quedado atrancada.

El Tutorial dice:

Abre tu Html-Kit, la Hoja de Estilo y, escribe text:align:left dentro de las propiedades de la capa menu, tal que quede así:

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }

Pos que no, que sigue ahi, centrado. Lo he repasado un monton de veces. Pongo aqui lo que tengo en la hoja de estilos general, a ver si es que necesito ir al oculista :shock:

*{margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global{width:800px; margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li {list-style:none}
#menu{background-color:yellow; width:150px; float:left; text:align:left}
#pie {background-color:brown}

Bueno, gracias anticipadas

:oops: Disculpadme.... ya vi donde esta el error. Nada mas colgar el post.

puse: text:align:left

en lugar de: text-align:left.

Mis disculpas de nuevo.

Sigo con el turotial :lol:

teress escribió:Hola, a ver si me podeis ayudar... estoy atrancada :(

Lo primero, mi enhorabuena al autor o autora de tutorial :wink: . Es muy bueno. Llevo toda la tarde enganchada, quizas sea por eso, que necesite un descanso,pero como digo al principio, me he quedado atrancada.

El Tutorial dice:

Abre tu Html-Kit, la Hoja de Estilo y, escribe text:align:left dentro de las propiedades de la capa menu, tal que quede así:

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }

Pos que no, que sigue ahi, centrado. Lo he repasado un monton de veces. Pongo aqui lo que tengo en la hoja de estilos general, a ver si es que necesito ir al oculista :shock:

*{margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global{width:800px; margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li {list-style:none}
#menu{background-color:yellow; width:150px; float:left; text:align:left}
#pie {background-color:brown}

Bueno, gracias anticipadas

Hola:
Pruebe quitándole a la capa contenido ese widt:800px y póngalo así por ahora: width:auto.
Aunque sería bueno que nos pusiera también lo que tiene en su página, péguelo en un mensaje (todo) para ver mejor lo que puede estar pasándo.
También es bueno escribir unos tres párrafos largos en la capa contenido para que esta ocupe todo el ancho de la página.
También es bueno que no se equivoque cuando ponga los códigos, primero revise eso y después si continúa el problema cambie lo que le dije.
Saludos