Entrar

estilos de lista

jacob · · Solicitar retirada
estoy en la leccion 2 estilos de lista cuando pongo reparar el fallo del menu se me descuadra
<html>
<head>
<title>page title</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</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">menu</div>
<ul>
<li>elemento de lista 1<a href="#"></a></li>
<li>elemento de lista 2<a href="#"></a></li>
<li>elemento de lista 3<a href="#"></a></li>
</ul>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
los enlaces de lista y luego pongo para quitar los puntos i no se van


body {text-align: center;}
#global {widht:800px ; margin>:4px auto;}
#cabecera {background-color:pink;}
#navegacion{background-color:red;}
#contenido {background-color:orange;}
#menu {background-color:yellow; width:150px; float:left;}
#pie {background-color:brown;}
#menu li {list-style:none;}

tengo el google como se puede copiar la vista previa para que pudieris verlo?
ocbarrio · · Solicitar retirada
Pues con la tecla "impr pant" del teclado se guarda una imagen de lo que ves en pantalla, luego con el paint mismo boton derecho - pegar. Guardas la imagen y la pones en el mensaje con "insertar imagen".
Aun asi, seria mejor que pusieras la direccion de tu pagina para poder verla directamente.

Veo un error!

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

Creo que tienes que cerrar el div menu, pero despues de </ul>, asi el menu estara en el div menu, sino se queda fuera.
Espero te sirva de ayuda!
Web-Freelance · · Solicitar retirada
Con lo que te ha dicho el colega @ocbarrio se te repara seguro.

Se te quedaría el código del menú así:

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

Date cuenta que al definir este estilo:

#menu li {list-style:none;}

Le estas diciendo que lo aplique a una lista que está dentro del div #menu, pero afirmando lo que comenta @ocbarrio no hay nada dentro de este div.

Saludos!