Buenas, primero que todo agradecerles por esta grandiosa oportunidad que nos brindan para poder aprender a crear nuestras propias webs.
Bueno el problema es que voy en la leccion 5, y tengo todo tal cual con el tutorial, pero cuando ingreso a la pagina desde cualquier navegador se pierde parte de abajo de la curva inferior, y otro inconveniente es que el contenido aparece bien en el html kit, pero en la web el fondo naranja donde se encuentra el contenido se sale un triz hacia la derecha de lo demás!!!.
Aqui les dejo el html y el css para los que puedan colaborar.
Muchas gracias de antemano!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a></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">
<ul>
<h1>Titulo de Seccion 1</h1> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Este es un intento desesperado por aprender a diseñar mi propia pagina web,
con la conclución que es totalmente necesario para mi saberlo.</p>
<h2>Este es el tercer párrafo</h2>
además que me ayudara a ganarme una buena cantidad de dinero por sus servicios, pero esto no lo es todo, me dara un poco mas de prestigio el hecho de tener mi propia pagina
web, con correo de la misma, y asi poder manifestar contenido de interes publico y personal.</p>
Quisiera que todo esto fuese real muy pronto, pero gracias a Dios y mi estudio poseo una paciencia para lo que me propongo.</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>
</body>
</html>
Eestilos css
*{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.png);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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}
#publicidad {width:518px;float:right;margin-top:25px}
#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;width:800px;border:black 1px solid }
#contenido p {padding: 5px 10px 5px 10px;text-indent: 15px }
#menu{width:150px;float:left;text-align:left;margin: 3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px}
#menu li{list-style:none;margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie{background-color:white;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 {float:left;width:150px}
#piedos {float:left;width:498px}
#pie li {list-style:none;font-size:12px}
#pietres {float:left;width:150px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
* {text-indent:0px;margin:0px;padding:0px;border:0px}
#pie a {color:blue;text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}
Bueno el problema es que voy en la leccion 5, y tengo todo tal cual con el tutorial, pero cuando ingreso a la pagina desde cualquier navegador se pierde parte de abajo de la curva inferior, y otro inconveniente es que el contenido aparece bien en el html kit, pero en la web el fondo naranja donde se encuentra el contenido se sale un triz hacia la derecha de lo demás!!!.
Aqui les dejo el html y el css para los que puedan colaborar.
Muchas gracias de antemano!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul>
<h1>Titulo de Seccion 1</h1>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es un intento desesperado por aprender a diseñar mi propia pagina web,
con la conclución que es totalmente necesario para mi saberlo.</p>
<h2>Este es el tercer párrafo</h2>
además que me ayudara a ganarme una buena cantidad de dinero por sus servicios, pero esto no lo es todo, me dara un poco mas de prestigio el hecho de tener mi propia pagina
web, con correo de la misma, y asi poder manifestar contenido de interes publico y personal.</p>
Quisiera que todo esto fuese real muy pronto, pero gracias a Dios y mi estudio poseo una paciencia para lo que me propongo.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Eestilos css
*{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.png);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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}
#publicidad {width:518px;float:right;margin-top:25px}
#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;width:800px;border:black 1px solid }
#contenido p {padding: 5px 10px 5px 10px;text-indent: 15px }
#menu{width:150px;float:left;text-align:left;margin: 3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px}
#menu li{list-style:none;margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie{background-color:white;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 {float:left;width:150px}
#piedos {float:left;width:498px}
#pie li {list-style:none;font-size:12px}
#pietres {float:left;width:150px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
* {text-indent:0px;margin:0px;padding:0px;border:0px}
#pie a {color:blue;text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}