Hola...pues gracias primero por el excelente curso,! :D :D
Estoy en la segunda leccion, hasta ahora todo bien, pero me he quedado atrapada en colocar los elementos como bloques, Les dejo la info para ver si me pueden ayudar, ya lo revise varias veces y no logro ver el error.!
Gracias de antemano.!
Hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion{background-color: gray}
#contenido {background-color:orange ;width: 800px ; foat:left}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color:yellow; width 150px ; float:left ; text-align:left ;
margin-right: 10px}
#pie {background-color:brown}
#menu li {list-style:none ; margin: 4px 15px 4px 6px}
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}
Plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2
Enlace 3
</div>
Esta sera la zona principal de la web</p></div>
</div>
</body>
</html>
Estoy en la segunda leccion, hasta ahora todo bien, pero me he quedado atrapada en colocar los elementos como bloques, Les dejo la info para ver si me pueden ayudar, ya lo revise varias veces y no logro ver el error.!
Gracias de antemano.!
Hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion{background-color: gray}
#contenido {background-color:orange ;width: 800px ; foat:left}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color:yellow; width 150px ; float:left ; text-align:left ;
margin-right: 10px}
#pie {background-color:brown}
#menu li {list-style:none ; margin: 4px 15px 4px 6px}
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}
Plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 3
</div>
Esta sera la zona principal de la web</p></div>
</div>
</body>
</html>