hi!! he seguido las instrucciones del curso pero no se en que momento, no me respeta el espaci de cntenido, ni alguns cambios que le hago.... esta descuadrado y se desborda al final...chido curso!! grx x darnos la oportunidad de aprender...
pd. anexo codigos
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pg 1</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css"
media="all">
</head>
<body>
<div id="goblal">
<div id="cabecera"> Bienvenido a mi web </div>
<div id="navegacion">Barra de navegacion </div>
<div id="contenido">
<div id="menu">
<ul> Enlace 1 Enlace 2 Enlace 3
</div>
Esta sera la zona principal de la web</p>
prueba prueba prueba prueba prueba prueba</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
</div>
<div id="pie">pie de la pagina </div>
</div>
</body>
</html>
CSS
body {text-align:center}
*{margin:0px; padding:0px; border:0px}
#global {width:800px; margin 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color:gray}
#contenido {background-color:orange; width:800px; float:left}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-rigth:10px}
#menu li{list-style:none; margin:4px 0px 4px 6px}
#pie {background-color:brown}
a {color:brown; text-decoration:none; display:block}
a:link {}
a:visted{}
a:hover {color:red ; tex-decoration:underline; background-color:silver}
a:active{}
p {text-align:justify}
#contenido p {padding: 5px 10 px 5px 10px}
pd. anexo codigos
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pg 1</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css"
media="all">
</head>
<body>
<div id="goblal">
<div id="cabecera"> Bienvenido a mi web </div>
<div id="navegacion">Barra de navegacion </div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta sera la zona principal de la web</p>
prueba prueba prueba prueba prueba prueba</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
prueba prueba prueba prueba prueba prueba mas mas mas</p>
prueba prueba prueba prueba prueba prueba much much mas mas mas</p>
</div>
<div id="pie">pie de la pagina </div>
</div>
</body>
</html>
CSS
body {text-align:center}
*{margin:0px; padding:0px; border:0px}
#global {width:800px; margin 4px auto}
#cabecera {background-color: pink}
#navegacion {background-color:gray}
#contenido {background-color:orange; width:800px; float:left}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-rigth:10px}
#menu li{list-style:none; margin:4px 0px 4px 6px}
#pie {background-color:brown}
a {color:brown; text-decoration:none; display:block}
a:link {}
a:visted{}
a:hover {color:red ; tex-decoration:underline; background-color:silver}
a:active{}
p {text-align:justify}
#contenido p {padding: 5px 10 px 5px 10px}