en el paso 3 del curso paso a paso de cctw me quede en donde subo la imagen de yaneth, pss algo salio mal pues todo de la barra de navegacion en adelante se estiro al tamaño de la pantalla y los bordes y las curvas superiores no coinciden con ese cuadro aki dejo mis codigos a ver en que m pueden ayudar gracias...
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi practica de como crear mi propia pagina web, esta un poco enredado pero con la practica y la atencion se pueden lograr muchas cosas
no es mala onda pero ya tengo hambre y este curso va pa largo, pero espero reponerme.</p>
<h2>Y este es el parrafo 2</></h2>
Este segundo parrafo lo pongo nada mas de ejemplo como dice la pagina de CCTW y pues espero que me salga como
el ejemplo por que si no, no se que hare, ya que ando un poco agoviado por tanto estudio.</p>
Este es mi ultimo parrafo. Ya hasta aqui escribi voy a checar
que p2 con mi pagina a ver si me sale parecido a la de estos
cuates que me estan enseñando de grapa jeje.</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
Y esta la hoja de estilos;
*{text-indent:0px;margin:0px; padding:0px; border:0px}
body {text-align:center}
#global{width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/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:rigth;margin-top:25px}
#navegacion{background-color:gray;border: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: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:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width: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{}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-elign:center}
h2{font-size:1.1em;color:blue;font-weigth:bold;text-decoration:none;text-align:center}
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi practica de como crear mi propia pagina web, esta un poco enredado pero con la practica y la atencion se pueden lograr muchas cosas
no es mala onda pero ya tengo hambre y este curso va pa largo, pero espero reponerme.</p>
<h2>Y este es el parrafo 2</></h2>
Este segundo parrafo lo pongo nada mas de ejemplo como dice la pagina de CCTW y pues espero que me salga como
el ejemplo por que si no, no se que hare, ya que ando un poco agoviado por tanto estudio.</p>
Este es mi ultimo parrafo. Ya hasta aqui escribi voy a checar
que p2 con mi pagina a ver si me sale parecido a la de estos
cuates que me estan enseñando de grapa jeje.</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
Y esta la hoja de estilos;
*{text-indent:0px;margin:0px; padding:0px; border:0px}
body {text-align:center}
#global{width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/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:rigth;margin-top:25px}
#navegacion{background-color:gray;border: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: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:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width: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{}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-elign:center}
h2{font-size:1.1em;color:blue;font-weigth:bold;text-decoration:none;text-align:center}