Entrar

Problema en "REPARANDO EL MENÚ"

chocuate · · Solicitar retirada
Hola a todos, de antemano gracias por la ayuda, los tutoriales son super útiles.
Mi problema es que despues de poner el codigo : # contenido {background-color:orange; width:800px; float:left;} para que el problema del menu sobre el tamaño se solucione, no hace nada. Es decir, sigue exactamente igual que si no hubiera puesto nada...

El codigo de "PLANTILLA.HTML":

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head> <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">
<ul>
<li>menu</li>
<li><a href="#">Enlace 1</a> </li>
<li><a href="#">Enlace 2</a> </li>
<li><a href="#">Enlace 3</a> </li>
</ul></div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>


Y aqui la de "ESTILO-GENERAL.CSS":


* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
#menu {background-color:yellow; width:150px; float:left; text-align:left;}
#menu li {list-style:none;}
Rucedry · · Solicitar retirada
Podrias ser un poco mas especifico? como se supone que estaba antes y como debe estar ahora, porque yo lo veo, alineado y con el color correcto.
Yaneth · · Solicitar retirada
hola creo recordar que debes poner el menu sin enter y el titulo fuera de ul asi

<div id="menu">
<li>menu</li>
<ul><li><a href="#">Enlace 1</a> </li><li><a href="#">Enlace 2</a> </li><li><a href="#">Enlace 3</a> </li></ul>
</div>

saludos