Foros del Web » Creando para Internet » CSS »

Ayuda con menu dropdown

Estas en el tema de Ayuda con menu dropdown en el foro de CSS en Foros del Web. Hola! Instalé en un blog un menu drop down, pero solo tiene dos niveles, y quiero agregarle dos más. Como puedo hacerlo, alguien me orienta ...
  #1 (permalink)  
Antiguo 08/03/2010, 23:31
 
Fecha de Ingreso: octubre-2008
Mensajes: 15
Antigüedad: 9 años, 2 meses
Puntos: 0
Ayuda con menu dropdown

Hola! Instalé en un blog un menu drop down, pero solo tiene dos niveles, y quiero agregarle dos más. Como puedo hacerlo, alguien me orienta por favor? Busqué y busqué pero no encuentro como.

El css es:

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:normal;
color:8e8e8e;
}
.menu ul{
background:url(http://img2.pict.com/55/e8/b5/2096161/0/menubg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px 8px 0px 8px;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #f68618;
border-right:2px solid #f68618;
border-bottom:2px solid #f68618;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
padding:0px;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(http://img2.pict.com/50/82/19/2096160/0/currentbg.gif) top left repeat-x;
color:#ffffff;
}



Y el html:

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a id="current" href="www.bmeni-web.blogspot.com" target="_self" >Inicio</a>
</li>
<li><a href="http://bmeni-web.blogspot.com/2010/02/etiam-nec-erat-sed-eros-dapibus.html" target="_self" >Quienes somos</a>
<ul>
<li><a href="www.bmeni-web.blogspot.com" target="_self">1</a></li>
<li><a href="www.bmeni-web.blogspot.com" target="_self">2</a></li>
<li><a href="www.bmeni-web.blogspot.com" target="_self">3</a></li>
</ul>
</li>
<li><a href="www.bmeni-web.blogspot.com" target="_self" >Productos</a>
<ul>
<li><a href="www.bmeni-web.blogspot.com" target="_self">1</a></li>
<li><a href="www.bmeni-web.blogspot.com" target="_self">2</a></li>
<li><a href="www.bmeni-web.blogspot.com" target="_self">3</a>
</li>
</ul>
</li>
<li><a href="www.bmeni-web.blogspot.com" target="_self" >Servicios</a>
</li>
<li><a href="www.bmeni-web.blogspot.com" target="_self" >Taller</a>
</li>
<li><a href="" target="_self" >Contactenos</a>
</li>
</ul>
</div>


Si hago mal en poner esto acá diganme por favor.
Gracias!
  #2 (permalink)  
Antiguo 13/03/2010, 03:30
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con menu dropdown

Hola:

En las FAQ's de CSS tienes varios ejemplos de menús desplegables.

Saludos.

  #3 (permalink)  
Antiguo 13/03/2010, 17:29
 
Fecha de Ingreso: octubre-2008
Mensajes: 15
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Ayuda con menu dropdown

Gracias! Ahora lo veo :)

Etiquetas: dropdown, nivel
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 09:55.