He seguido el curso completo paso a paso tal y como lo pone todo y hay algunas cosas que no estan como deberian. El texto en la publicidad esta descolocado, las imagenes de curva superior e inferior no llegan a la misma longitud que las demas capas y ademas las imagenes del menu tampoco se me ven exactamente bien...
bueno espero que me puedan ayudar, estoy por la tercera leccion y aunque he seguido a pesar de los fallos y aun puedo seguir es un poco incomodo que no este como deberia.
Felicidades por la web, es increible!!
ESTA ES MI PLANTILLA:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><meta http-equiv="Content-Type content="text/html:charset=iso-8859-1">
<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 seccion</h1> enlace1 enlace2 enlace3 enlace4
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo parrafo. Acabo de poner un punto pero aun no es un parrafo porque no le he
colocado ninguna etiqueta de cierre. Se la voy a poner aqui.</p>
<h2>Y este es el tercer parrafo</h2>
En pocas lecciones aprendere a darle margenes para separarlos
unos de otros e incluso hacerle sanquias por la izquierda a la primera linea, que queda mucho mejor.
Anda, fijate! salen todos centrados, que cosa. Espero que jorgens nos enseñe a ponerlos a la
izquierda o justificados. Asi esto parece una poesia!jejeje</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTA ES LA HOJA DE ESTILOS GENERAL:
*{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{widht:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;widht:800px;height:12px;overflow:hidden}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{widht:280px;float:left}
#publicidad{widht:518px;float:right;margin-top:25px;font-size:16px}
#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;border-left:black 1px solid;border-right:black 1px solid}
#contenido p{padding:5px 10px 0px 10px;text-indent:15px}
#menu{background-color:yellow;widht: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:blac 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;widht:800px;height:12px;overflow:hidden}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
Espero que puedan ayudarme! gracias de antemano!
bueno espero que me puedan ayudar, estoy por la tercera leccion y aunque he seguido a pesar de los fallos y aun puedo seguir es un poco incomodo que no este como deberia.
Felicidades por la web, es increible!!
ESTA ES MI PLANTILLA:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><meta http-equiv="Content-Type content="text/html:charset=iso-8859-1">
<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 seccion</h1>
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo parrafo. Acabo de poner un punto pero aun no es un parrafo porque no le he
colocado ninguna etiqueta de cierre. Se la voy a poner aqui.</p>
<h2>Y este es el tercer parrafo</h2>
En pocas lecciones aprendere a darle margenes para separarlos
unos de otros e incluso hacerle sanquias por la izquierda a la primera linea, que queda mucho mejor.
Anda, fijate! salen todos centrados, que cosa. Espero que jorgens nos enseñe a ponerlos a la
izquierda o justificados. Asi esto parece una poesia!jejeje</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTA ES LA HOJA DE ESTILOS GENERAL:
*{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{widht:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;widht:800px;height:12px;overflow:hidden}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{widht:280px;float:left}
#publicidad{widht:518px;float:right;margin-top:25px;font-size:16px}
#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;border-left:black 1px solid;border-right:black 1px solid}
#contenido p{padding:5px 10px 0px 10px;text-indent:15px}
#menu{background-color:yellow;widht: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:blac 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;widht:800px;height:12px;overflow:hidden}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
Espero que puedan ayudarme! gracias de antemano!