Hola :wink:
Mi problema está en la Segunda Lección, en la hoja "Estilos para listas".
Hasta ese momento el menú había quedado mal, como que se iba para abajo y no quedaba dentro del contenido, entonces ahi explica como arreglarlo.
El div del "contenido", en la Hoja de Estilo había quedado asi:
#contenido { background-color: orange }
pero para arreglar ese error, ahi dice que hay que cambiarlo y poner esto:
#contenido { background-color: orange ; width: 800px ; float:left }
el problema es que ami se me arreglo pero la capa del "contenido" quedo corrida para la derecha, como si el menú no estuviese encima del contenido sino a la izquierda de él.
Tengo imágenes de como estaba antes y como quedo ahora pero no se como subirlas.
La plantilla la tengo asi:
<!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="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 será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
y la hoja de estilos la tengo asi:
body { text-align: center }
#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 }
#menu li { list-style:none }
#pie { background-color: brown }
Por favor espero que me ayuden =)
Gracias desde ya.
--------------------------------------------------------------------------------------------------------
EDITADO:
Llegué a la hoja "Indentar párrafos" donde dice todos los datos de plantilla.html y estilo-general.css y encontré el error, me había faltado poner <div id="global"> justo después de <body>.
Gracias igual, perdon por robarles su tiempo. Si quieren pueden borrar el topic.
Saludos.
Mi problema está en la Segunda Lección, en la hoja "Estilos para listas".
Hasta ese momento el menú había quedado mal, como que se iba para abajo y no quedaba dentro del contenido, entonces ahi explica como arreglarlo.
El div del "contenido", en la Hoja de Estilo había quedado asi:
#contenido { background-color: orange }
pero para arreglar ese error, ahi dice que hay que cambiarlo y poner esto:
#contenido { background-color: orange ; width: 800px ; float:left }
el problema es que ami se me arreglo pero la capa del "contenido" quedo corrida para la derecha, como si el menú no estuviese encima del contenido sino a la izquierda de él.
Tengo imágenes de como estaba antes y como quedo ahora pero no se como subirlas.
La plantilla la tengo asi:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
y la hoja de estilos la tengo asi:
body { text-align: center }
#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 }
#menu li { list-style:none }
#pie { background-color: brown }
Por favor espero que me ayuden =)
Gracias desde ya.
--------------------------------------------------------------------------------------------------------
EDITADO:
Llegué a la hoja "Indentar párrafos" donde dice todos los datos de plantilla.html y estilo-general.css y encontré el error, me había faltado poner <div id="global"> justo después de <body>.
Gracias igual, perdon por robarles su tiempo. Si quieren pueden borrar el topic.
Saludos.