Más de Estilo

Para no perdernos, te dejo la hoja de estilo-general.css tal y como ha de estar ahora mismo, después de haber incluido (aunque aún vacia) la línea para definir los títulos de dentro de la capa menu. Comparala con la que tienes por el momento y si no está igual, sustitúyela, oki? Debe tener ese orden para no liarnos lecciones sucesivas:

* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify}
h1 {font-size:1.2em; 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; font-size:16px;}
#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 {margin:5px 10px 0px 10px; text-indent:15px;}
#menu {background-color:yellow; width:150px; float:left;
text-align:left; margin:3px 10px 3px 3px;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#menu h1 {}
#pie {background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {}

Si te fijas, he puesto casi arriba del todo las líneas que definen p, h1 y h2. Recuerda además que la línea del asterisco ha de estar por narices la primera de todas. Por qué? Pues por que si la ponemos en medio o al final, vuelve a poner a cero los márgenes y bordes de las capas que estén definidas antes que ella. Es por lo mismo que acabo de explicarte.

Parece un poco lio tanto código, verdad? Pero imagino que mirándo línea por línea más o menos sabes de que va todo, no? De hecho lo has ido escribiendo tú mismo a lo largo de estas lecciones... Si no te aclaras mucho siempre puedes empezar desde el principio y puedes ir repasando porqué se puso cada cosa. No te vendría mal para ir repasando estilos.. No te asustes, pronto, con un poco de más práctica estos códigos no tendrán secretos para tí. Te aseguro que muchos de los que se hacen llamar Webmaster no tienen ni idea de estilos ni de capas. Ya eres mejor que la mayoria!!

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net