Hola a todos: Es impresionante con lo que llevo estudiado hasta ahora, como explicais de bien las cosas, además lo haceis muy ameno y divertido, esto es para Jorge, creo que se llama así el autor de este tinglado.
Pero como una no es muy inteligente hay cosas que no entiende y no le salen.
Os explico: he ido creando la pagina tal y como deciais os pongo a continuación los archivos correspondientes.
estilos.css
*{text-indent:0px ; 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: 825px ; float:left }
#contenido p {padding: 5px 10px 5px 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}
#pie {background-color: brown}
a {color: brown; text decoration: nome; display: block }
a: link {}
a: visited {}
a: hover {color: red; text decoration: underline; background-color: silver}
a: active {}
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}
y ahora plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id "global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul> Elemento 1 Elemento 2 Elemento 3
</div><h1>Esta será la zona principal de la web.</h1>
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í.
<h2>Y este es el tercer párrafo.</h1>
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>
He ido paso a paso y lo he repetido varias veces, según me lo habiais indicado y no veo el error.
No me sale el marcar en el menu, las distintas partes, no se pone ni de otro color ni nada, ni cuando me pongo encima de la linea de elemento, ni al lado ni nada. Haber si me podeis decir donde tengo el error, porque seguro que tengo un error. Espero vuestras respuestas. Muchas gracias y feliz año 2009.
Pero como una no es muy inteligente hay cosas que no entiende y no le salen.
Os explico: he ido creando la pagina tal y como deciais os pongo a continuación los archivos correspondientes.
estilos.css
*{text-indent:0px ; 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: 825px ; float:left }
#contenido p {padding: 5px 10px 5px 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}
#pie {background-color: brown}
a {color: brown; text decoration: nome; display: block }
a: link {}
a: visited {}
a: hover {color: red; text decoration: underline; background-color: silver}
a: active {}
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}
y ahora plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id "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><h1>Esta será la zona principal de la web.</h1>
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í.
<h2>Y este es el tercer párrafo.</h1>
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>
He ido paso a paso y lo he repetido varias veces, según me lo habiais indicado y no veo el error.
No me sale el marcar en el menu, las distintas partes, no se pone ni de otro color ni nada, ni cuando me pongo encima de la linea de elemento, ni al lado ni nada. Haber si me podeis decir donde tengo el error, porque seguro que tengo un error. Espero vuestras respuestas. Muchas gracias y feliz año 2009.