Hola,
Ya me han surgido los primeros problemillas y sólo voy por la 2ª lección.
Una vez creado el estilo del encabezado y hacer lista previa todo ha ido bien, pero no sé muy bien en qué paso, creo que ha sido cuando he creado los mágenes del menú, sorpresa! Al hacer Vista Previa ha desaparecido el color de la Cabecera, lo he eliminado, lo he vuelto a insertar, lo he cambiado de sitio, y nada, sigue sin aparecer.
A pesar de eso he continuado y me ha surgido otro problema, al definir el estilo en "menu li" el márgen del "pie" se ha despladazado saliendo por la vertical del lado derecho de la web, en forma de L pero al revés, no sé si me explico.
Copio la hoja de estilos-general por si el error estuviese ahí.
Gracias, la web es muy práctica y sumamente pedagógica. Enhorabuena!
* {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 {background-color: yellow; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { list-style:none }
Ya me han surgido los primeros problemillas y sólo voy por la 2ª lección.
Una vez creado el estilo del encabezado y hacer lista previa todo ha ido bien, pero no sé muy bien en qué paso, creo que ha sido cuando he creado los mágenes del menú, sorpresa! Al hacer Vista Previa ha desaparecido el color de la Cabecera, lo he eliminado, lo he vuelto a insertar, lo he cambiado de sitio, y nada, sigue sin aparecer.
A pesar de eso he continuado y me ha surgido otro problema, al definir el estilo en "menu li" el márgen del "pie" se ha despladazado saliendo por la vertical del lado derecho de la web, en forma de L pero al revés, no sé si me explico.
Copio la hoja de estilos-general por si el error estuviese ahí.
Gracias, la web es muy práctica y sumamente pedagógica. Enhorabuena!
* {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 {background-color: yellow; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { list-style:none }