Tengo un problema, en la pagina de ejemplo que estoy construyendo siguiendo el curso paso a paso no me aparecen de igual tamaño todas las barras de fondos del encabezado el cuerpo.
Esto ocurrio despues que puse el menú, he hecho todo tal cual como lo han enseñado.
como puedo hacer para quemi pagina Web se vea toda centrada, por ejemplo en el cuerpo de mi pagina, se sale del margen entre la cabecera y el pie de pagina el cuerpo no concuerda con el resto.
Aqui esta lo que he cho hasta ahora voy en la seguna Lección: "Enlaces cambiantes":
plantilla:
media="all">
</head>
<body>
<div ="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
y la hoja de estilos-general:
*{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 }
#menu li { list-style:none; margin: 4px 0px 4px 6px }
#pie {background-color: brown}
a {color: brown ; text-decorativo: none; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline; background-color: silver}
a:active {}
Espero que pueda ayudarme
Esto ocurrio despues que puse el menú, he hecho todo tal cual como lo han enseñado.
como puedo hacer para quemi pagina Web se vea toda centrada, por ejemplo en el cuerpo de mi pagina, se sale del margen entre la cabecera y el pie de pagina el cuerpo no concuerda con el resto.
Aqui esta lo que he cho hasta ahora voy en la seguna Lección: "Enlaces cambiantes":
plantilla:
media="all">
</head>
<body>
<div ="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul>
</div>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
y la hoja de estilos-general:
*{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 }
#menu li { list-style:none; margin: 4px 0px 4px 6px }
#pie {background-color: brown}
a {color: brown ; text-decorativo: none; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline; background-color: silver}
a:active {}
Espero que pueda ayudarme