Hola Te Mando los codigo para que la revises, a parte de no mostrarme la pagina con los colores y demas en el nevegador, cuando hago la vistra previa de como va quedando la presentacion, no figura el vorde inferior redondeado al final de la pagina. cABE ACLARAR QUE YA VOY POR LA LECCION 4. EN LA LINEA 10 (<body onload="init();">) ME LARGA UN ERROR QUE NO ME PERMITE VER LOS RESULTADOS EN LA VISTA PREVIA.
PD: A la Carpeta OBJETOS, LE CAMBIE EL NOMBRE A OBJET.(FUE UN DESCUIDO)
Atte.
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<scrip language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<scrip language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global"><div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>Seccion 1 Seccion 2 Seccion 3 Seccion 4
</div>
<div id="contenido"><div id="menu"><h1>POESIA</h1><ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo Parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he colocado aun la etiqueta de cierre. Voy a ponersela justo aqui</p><h2>Y este es el tercer parrafo.</h2>
En pocas lecciones aprendere a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera linea, 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. Asi esto parece una poesia! je je je.</p></div>
<div id="pie"><div id="pieuno"><ul> Foro Ejemplo Contactos Nos Enlazan</div><div id="piedos">Pie Dos</div><div id="pietres"><ul> Directorio TopSite Mapa de la Web</div></div>
<div id="curva-inferior"></div>
</div>
<script language="JavaScript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
[ESTILO.CSS]
* {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(objeto/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: blak 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 {padding: 5px 10px 0px 10px; text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left; text-align:left; margin: 3px 10px 3px 3px ; background-image: url(objeto/menu-curva-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
#menu li {list-style:none; margin: 4px 8px 4px 6px}
#menu li { list-style:none }
#menu h1 {text-decoration:none ; font-size: 12px ; padding-top: 13px ; background-image: url(objeto/menu-curva-superior.gif)}
#pie {background-color: wite ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px ;}
#pie li {list-style:none ; font-size: 12px}
#pieuno {background-color: wite ; float:left ; width: 150px }
#piedos {background-color: wite ; float:left ; width: 498px}
#pietres {background-color: wite ; float:left ; width: 150px }
#cueva-inferior { background-image: url(objeto/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
a {color: brrown; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue ; text-decoration: none ; displey: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color: black ; text-decoration: underline ; background-color: white}
#pie a:active {color: black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
PD: A la Carpeta OBJETOS, LE CAMBIE EL NOMBRE A OBJET.(FUE UN DESCUIDO)
Atte.
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<scrip language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<scrip language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global"><div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido"><div id="menu"><h1>POESIA</h1><ul>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo Parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he colocado aun la etiqueta de cierre. Voy a ponersela justo aqui</p><h2>Y este es el tercer parrafo.</h2>
En pocas lecciones aprendere a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera linea, 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. Asi esto parece una poesia! je je je.</p></div>
<div id="pie"><div id="pieuno"><ul>
<div id="curva-inferior"></div>
</div>
<script language="JavaScript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
[ESTILO.CSS]
* {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(objeto/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: blak 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 {padding: 5px 10px 0px 10px; text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left; text-align:left; margin: 3px 10px 3px 3px ; background-image: url(objeto/menu-curva-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
#menu li {list-style:none; margin: 4px 8px 4px 6px}
#menu li { list-style:none }
#menu h1 {text-decoration:none ; font-size: 12px ; padding-top: 13px ; background-image: url(objeto/menu-curva-superior.gif)}
#pie {background-color: wite ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px ;}
#pie li {list-style:none ; font-size: 12px}
#pieuno {background-color: wite ; float:left ; width: 150px }
#piedos {background-color: wite ; float:left ; width: 498px}
#pietres {background-color: wite ; float:left ; width: 150px }
#cueva-inferior { background-image: url(objeto/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
a {color: brrown; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue ; text-decoration: none ; displey: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color: black ; text-decoration: underline ; background-color: white}
#pie a:active {color: black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}