Hola, ante todo les doy la gracias por vuestra pagina, es excelente. Llegue a ella por la necesidad de hacer una página, sin apuro, creo que lo lograre, espero. Pero me tope con un par de inconvenientes. (Los escribo por que no los encontre en el foro, si ya existen pasenme el link, para no reiterarlos aquí) En la segunda lección, mientras no había puesto el menú, el naranja del “contenido” se veia, pero desde que coloque el menú, la parte contenido quedo en blanco… Continue con las lecciones creyendo que se solucionaría, pero comenzando la tercera lección quise colocar los bordes, que también van en la capa “contenido” y tampoco se ven… Ante de pasarles los codigos una consulta más. Una vez que cree la carpeta de internet y subi el index y el resto. Lo que sigue del curso (Borde), Lo tengo que hacer en la carpeta local, y cada vez que modifico algo volverla a subir a la carpeta azul, ella se actualiza sola o hago las modificaciones directamente en los index de internet … aunque DESOVEDESI, tipico de argentino y probe algunas cosas pueden ver el esoacio en calamaco.atwebpages.com como veran en /plantilla.html tampoo se ve lo naranja
plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>LANUS</title>
<link rel="stylesheet" href="estilo-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>
<dviv id="contenido">
<div id="Menu">
<ul>Enlace 1 <a href="#">Enlace
2</a> Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
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>
<h2>Y este es el tercer párrafo.</h2>
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>
estilo-general.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 ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 20px}
#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 ; width: 800px } SI NO LE PONGO EL WIDTH SALE POR LOS EX
a {color: brown ; text-decoration:none ; 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}
plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>LANUS</title>
<link rel="stylesheet" href="estilo-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>
<dviv id="contenido">
<div id="Menu">
<ul>
2</a>
</div>
<h1>Esta será la zona principal de la web</h1>
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>
<h2>Y este es el tercer párrafo.</h2>
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>
estilo-general.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 ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 20px}
#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 ; width: 800px } SI NO LE PONGO EL WIDTH SALE POR LOS EX
a {color: brown ; text-decoration:none ; 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}