Hola!! soy nueva aki y necesito una ayudita x favor :cry: estoy con el cursillo paso a paso del html-kit y estoy siguiendo los pasos iguales k en el ejemplo (aunke siendo sincera, e cambiado algun color que otro y cosillas asi sin importancia) lo k pasa k al llegar a la seccion de los bordes me e atascado, pues los laterales del contenido me salen discontinuos, como si no pudieran pasar x donde estan los titulos y por otro lado las imagenes de las curvas-superior no me llega a conectar con la cabecera aun poniendo el overflow:hidden...
Esta es mi plantilla:
<!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"></div>
<div id="publicidad">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>Zona principal de la web</h1>
Tell me why when you be mine...</p>
<h2>Tell me cuando cuando cuando</h2>
We can change nose que y no se que mas... </p>
Please so maybe nana naa</p>
I cant wait a moment moree</p>
</div>
<div id="pie">Pie de la web</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y esta mi hoja de estilo-general:
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color:white;border-left:1px solid black;border-right:1px solid black }
#navegacion{background-color:orange;border:1px solid black}
#contenido{background-color:gold;width:auto}p{padding:5px 10px 5px 10px;text-indent:15px;border-left:1px solid black;border-right:1px solid black}
#pie{background-color:white;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black}
#global{width:800px;margin:4px auto}
#menu{background-color:purple;width:150px;float:left;text-align:left;margin-right:10px;margin:10px 10px 10px 10px}
#menu li{list-style:none;margin;4px 0px 4px 6px}
a {color:blue;text-decoration:none;display:block}
a:link{color:blue;text-decoration:none;display:block}
a:visited{color:lightblue;text-decoration:underline}
a:hover{color:aquamarine;text-decoration:none;background-color:orchid}
a:active{color:steelblue;text-decoration:none}
p{text-align:justify}
h1{font-sice:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
h2{font-sice:1.1em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;hight:12px;overflow:hidden}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;hight:12px;overflow:hidden}
Espero k me ayuden pronto xke no kisiera seguir arrastrando fallos :wink:
Esta es mi plantilla:
<!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"></div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Zona principal de la web</h1>
Tell me why when you be mine...</p>
<h2>Tell me cuando cuando cuando</h2>
We can change nose que y no se que mas... </p>
Please so maybe nana naa</p>
I cant wait a moment moree</p>
</div>
<div id="pie">Pie de la web</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y esta mi hoja de estilo-general:
*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color:white;border-left:1px solid black;border-right:1px solid black }
#navegacion{background-color:orange;border:1px solid black}
#contenido{background-color:gold;width:auto}p{padding:5px 10px 5px 10px;text-indent:15px;border-left:1px solid black;border-right:1px solid black}
#pie{background-color:white;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black}
#global{width:800px;margin:4px auto}
#menu{background-color:purple;width:150px;float:left;text-align:left;margin-right:10px;margin:10px 10px 10px 10px}
#menu li{list-style:none;margin;4px 0px 4px 6px}
a {color:blue;text-decoration:none;display:block}
a:link{color:blue;text-decoration:none;display:block}
a:visited{color:lightblue;text-decoration:underline}
a:hover{color:aquamarine;text-decoration:none;background-color:orchid}
a:active{color:steelblue;text-decoration:none}
p{text-align:justify}
h1{font-sice:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
h2{font-sice:1.1em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;hight:12px;overflow:hidden}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;hight:12px;overflow:hidden}
Espero k me ayuden pronto xke no kisiera seguir arrastrando fallos :wink: