Hola de Nuevo, que pena molestar, :roll: hoy estoy trabajando con la Lección 2,pero me surgio una complicación, generé una lista tal como la del ejemplo, pero cuando fui a modificar la hoja de estilos, y quitar esos molestos puntos.. sorpresa ..no paso nada...El código de mi hoja de estilos es:
body{text-align:center}
#miestilo{background-color: pink}
#global{width:800px ; margin: 4px auto}
#navegacion{background-color: gray}
#contenido {background-color: MediumPurple;width: 800px ; float:left}
#menu{background-color=yellow ;width: 150px ; float:left }
#menu li{list-style:none}
#pie {background-color: brown}
El código de mi plantilla es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="miestilo"> Bienvenidos a Mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">Presentación</div>
<ul>
Elemento 1
Elemento 2
Elemento 3
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
:wink:
De igual forma, con respecto al comentario que se hace en la pagina acerca de que cuando se ponen varios enlaces dentro de una capa, se crece y se sale por debajo de la página web, no veo diferencia, cuando le coloco esta línea:
#contenido {background-color: orange ; width: 800px ; float:left}
Y una cosilla más, el primer enlace se corrio, como si lo hubiera tabulado... no se porque...
Graciassss....
:D « Yura » :D
body{text-align:center}
#miestilo{background-color: pink}
#global{width:800px ; margin: 4px auto}
#navegacion{background-color: gray}
#contenido {background-color: MediumPurple;width: 800px ; float:left}
#menu{background-color=yellow ;width: 150px ; float:left }
#menu li{list-style:none}
#pie {background-color: brown}
El código de mi plantilla es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="miestilo"> Bienvenidos a Mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">Presentación</div>
<ul>
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
:wink:
De igual forma, con respecto al comentario que se hace en la pagina acerca de que cuando se ponen varios enlaces dentro de una capa, se crece y se sale por debajo de la página web, no veo diferencia, cuando le coloco esta línea:
#contenido {background-color: orange ; width: 800px ; float:left}
Y una cosilla más, el primer enlace se corrio, como si lo hubiera tabulado... no se porque...
Graciassss....
:D « Yura » :D