Foros del Web » Creando para Internet » CSS »

Menu css creado desde 0 problema

Estas en el tema de Menu css creado desde 0 problema en el foro de CSS en Foros del Web. Hola chicos he conseguido crear un menu desplegable http://img76.xooimage.com/files/2/6/...n2-35058ea.png Pero veo una separación cuando pasa por encima, ahora os dejo una muestra Menu <div id="header"> ...
  #1 (permalink)  
Antiguo 30/05/2012, 08:45
 
Fecha de Ingreso: diciembre-2011
Mensajes: 414
Antigüedad: 11 años
Puntos: 1
Menu css creado desde 0 problema

Hola chicos he conseguido crear un menu desplegable

http://img76.xooimage.com/files/2/6/...n2-35058ea.png

Pero veo una separación cuando pasa por encima, ahora os dejo una muestra

Menu

<div id="header">
<ul class="nav">
<li><a href="">Inicio </a></li>

<li><a href="">Servicios </a>

<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a>
</ul>
</li>
</ul>
</li>
<li><a href="">Acerca de </a>
<ul>
<li><a href="">Submenu5 </a></li>
<li><a href="">Submenu6</a></li>
<li><a href="">Submenu7</a></li>
<li><a href="">Submenu8</a></li>
</ul>
</li>
<li><a href="">Contacto </a></li>
</ul>
</div>
</body>
</html>

CSS

<style type="text/css">
.{
padding:0px;
margin:0px;
}
#header {
margin:auto;
width:500px;
}
ul,ol{
list-style:none;
}
.nav > li {
float:left;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
background-color:#000;
}
.nav li:hover > ul {
display:block;
}

.nav li a {
background-color:#000;
color:#fff;
text-decoration:none;
padding: 10px 15px;
display:block;
}
.nav li a:hover {
background-color:#999999;
}
</style>
  #2 (permalink)  
Antiguo 30/05/2012, 09:59
 
Fecha de Ingreso: marzo-2007
Mensajes: 28
Antigüedad: 15 años, 8 meses
Puntos: 7
Respuesta: Menu css creado desde 0 problema

Te refieres a la separación que hay a la izquierda al ponerte encima de un menu desplegable?

Si es asi, simplemente tienes que añadir

Código HTML:
.nav li ul{
padding:0;
}

Etiquetas: creado, hover, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:35.