Foros del Web » Creando para Internet » CSS »

Item de lista activo (hover) mientras esta activo el dropdown

Estas en el tema de Item de lista activo (hover) mientras esta activo el dropdown en el foro de CSS en Foros del Web. Hola un pequeño problema... tengo un dropdown multinivel que funciona de maravilla y no usa js... lo unico que quiero y no logro es hacer ...
  #1 (permalink)  
Antiguo 13/11/2009, 03:05
 
Fecha de Ingreso: septiembre-2008
Mensajes: 18
Antigüedad: 9 años, 2 meses
Puntos: 0
Item de lista activo (hover) mientras esta activo el dropdown

Hola un pequeño problema... tengo un dropdown multinivel que funciona de maravilla y no usa js... lo unico que quiero y no logro es hacer que mientras se despliegan los submenús o drodowns hijos de un elemento, este elemento padre quede activo como cuando hago hover directamente en él... eso es todo... creo que es un pequeño detalle el que me esta faltando en mi css.
Código:
    
<ul id="toplevel">
		<li><a href="index.php" class="inicio-btn">INICIO</a></li>
		<li><a class="empresa-btn" href="#url">Empresa</a>

			 <ul>
             	<li><a href="empresa_contenido.php?contenido=mision">Misi&oacute;n</a></li>
               
                <li><a href="empresa_contenido.php?contenido=competencia">Competencias</a></li>
                <li><a href="categorias_casos_exito.php" class="fly">Casos de &eacute;xito</a>
                	<ul>
                    	                       	                        <li><a href="multicontenido.php?menu=empresa_certificacion&contenido=4">ISO 9001</a></li>

                                                <li><a href="multicontenido.php?menu=empresa_certificacion&contenido=7">ESR</a></li>
                                              
                                                
                                                <li><a href="multicontenido.php?menu=empresa_certificacion&contenido=15">Compromiso verde</a></li>
                                            </ul>
                </li>
                <li><a class="fly" href="#">Momentos Tradecorp</a>

            	<ul>
                    	<li><a href="empresa_momentos.php?contenido=capital_humano">Capital Humano</a></li>
                    	<li><a href="empresa_momentos.php?contenido=esr">ESR</a></li>
                    	<li><a href="empresa_momentos.php?contenido=convencion">Convenciones</a></li>
                    </ul>
                </li>
             </ul>

		</li>
		<li><a class="innovacion-btn" href="#">Innovaci&oacute;n</a>
        	<ul>
            	<li><a href="nuevos_productos.php">Nuevos Productos</a></li>
                <li><a href="empresa_contenido.php?contenido=historia_de_la_agricultura=">Historia de la Agricultura</a></li>
                <li><a href="contenido_adjunto.php?contenido=innovacion_estadisticas">Estad&iacute;sticas</a></li>

                <li><a href="contenido_adjunto.php?contenido=innovacion_cultivando_tu_conocimiento">Cultivando tu conocimiento</a></li>
                <li><a href="resultados_sembrado.php">Sembrando la Lectura</a></li>
                	                                        <li><a href="multicontenido.php?menu=innovacion_ecologia_azul&contenido=5">ECOLOGIA AZUL</a></li>
                                                                                <li><a href="multicontenido.php?menu=innovacion_valores_del_dia&contenido=16">Valores al dia</a></li>
                    			</ul>
        </li>
        <li><a class="productos-btn" href="#">Productos</a>

            <ul>
            	<li><a href="categoria_productos.php?contenido=productos_quelatos">Quelatos</a></li>
                <li><a href="categoria_productos.php?contenido=productos_asido_humicos">&aacute;cidos H&uacute;micos</a></li>
                <li><a href="categoria_productos.php?contenido=productos_liquido_y_foliares">L&iacute;quidos y Foliares</a></li>
                <li><a href="categoria_productos.php?contenido=productos_bionutrientes_y_aminoacidos">Boinutrientes y Amino&aacute;cidos</a></li>

                <li><a href="categoria_productos.php?contenido=productos_correctores_especiales">Correctores Especiales</a></li>
        	</ul>
        </li>
        <li><a href="#"  class="asesoria-btn" >Asesor&iacute;a</a>
        	<ul>
            	<li><a href="categorias_casos_exito.php" class="">Casos de &eacute;xito</a>

                	<ul>
                    	
                	</ul>
                </li>
                <li class="sub-vin"><a href="#" class="fly">Parcela Demostrativa</a>
                	<ul>
                    	<li><a href="resultados_parcela.php?pais=M">M&eacute;xico</a></li>
                        <li><a href="resultados_parcela.php?pais=E">Espa&ntilde;a</a></li>

                    </ul>
                </li>
                <li class="sub-vin"><a  class="fly" href="resultados_taxonomia.php">Taxonom&iacute;a</a>
                	<ul>
                    	<li><a href="resultados_taxonomia.php?tipo=frutales">Frutales</a></li>
                        <li><a href="resultados_taxonomia.php?tipo=hortalizas">Hortalizas</a></li>
                        <li><a href="resultados_taxonomia.php?tipo=granos">Granos</a></li>

                        <li><a href="resultados_taxonomia.php?tipo=ornamentales">Ornamentales</a></li>
                        <li><a href="resultados_taxonomia.php?tipo=industriales">Industriales</a></li>
                    </ul> 
                </li>
                <li class="sub-vin"><a class="fly" href="#">Galer&iacute;a de Fotos</a>
                	<ul>
                    	<li><a href="galeria_fotos.php?tipo=frutales">Frutales</a></li>

                    	<li><a href="galeria_fotos.php?tipo=hortalizas">Hortalizas</a></li>                                                     						<li><a href="galeria_fotos.php?tipo=granos">Granos</a></li>
                    	<li><a href="galeria_fotos.php?tipo=ornamentales">Ornamentales</a></li> 										<li><a href="galeria_fotos.php?tipo=industriales">Industriales</a></li>
                    </ul>
				</li>
             </ul>
         </li>

         <li><a href="resultados_cultivos.php"  class="cultivos-btn">Cultivos</a>
         	<ul>
         		<li><a href="resultados_cultivos.php?menu=cultivos_frutales">Frutales</a></li>
         		<li><a href="resultados_cultivos.php?menu=cultivos_granos">Granos</a></li>
         		<li><a href="resultados_cultivos.php?menu=cultivos_hortalizas">Hortalizas</a></li>
         		<li><a href="resultados_cultivos.php?menu=cultivos_industriales">Industriales</a></li>

         		<li><a href="resultados_cultivos.php?menu=cultivos_ornamentales">Ornamentales</a></li>
         	</ul>
         </li>
         <li><a href="contacto.php" class="contacto-btn">Contacto</a></li>
         <li><a href="mapa.php" class="mapa-btn">Mapa de Sitio</a></li>
	</ul>
CSS:
Código:
#menu {height:290px; width:132px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0;}
#menu ul li {margin:0 0 4px 0;}
#menu li {margin:0; padding:0; list-style:none;width:217px;height:34px;}
#menu li a {margin:0; padding:3px 20px 0 10px; list-style:none;width:187px;height:31px;display:block;}

#menu a {text-indent:-9999px;}

#menu ul ul li {margin:0; padding:0; list-style:none;text-indent:0px;width:235px;}
#menu ul ul li a {margin:0; padding:3px 20px 0 10px; list-style:none;text-indent:0px;width:205px;}
#menu ul ul ul li a {margin:0; padding:3px 20px 0 20px; list-style:none;text-indent:0px;width:195px;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;border: 1px solid #666;background: #fff;-moz-border-radius: 10px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font:normal 13px verdana,arial,sans-serif;line-height:22px; text-decoration:none;} 

#menu ul li:hover > ul {left:100%; margin-top:-34px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu ul ul li a {color:#492F18;font-weight: bold;} 
#menu ul ul li a:hover {color:#9dc435;} 
#menu ul ul li:hover > a {color:#9dc435;}
#menu ul ul li a.fly {background: url(../images/orange.png) no-repeat 95% 5px;}
#menu ul ul li a.fly:hover {background: url(../images/orange.png) no-repeat 95% 5px;} 
#menu ul ul li:hover > a.fly {background:url(../images/orange.png) no-repeat 95% 5px;}
#menu ul ul ul li a {background: url(../images/naranja.png) no-repeat 2px 7px;}
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


a.asesoria-btn {background:url(../images/nav-asesoria.jpg) top left;}
a.asesoria-btn:hover {background:url(../images/nav-asesoria.jpg) bottom left;}
a.contacto-btn {background:url(../images/nav-contacto.jpg) top left;}
a.contacto-btn:hover {background:url(../images/nav-contacto.jpg) bottom left;}
a.cultivos-btn {background:url(../images/nav-cultivos.jpg) top left;}
a.cultivos-btn:hover {background:url(../images/nav-cultivos.jpg) bottom left;}
a.empresa-btn {background:url(../images/nav-empresa.jpg) top left;}
a.empresa-btn:hover {background:url(../images/nav-empresa.jpg) bottom left;}
a.innovacion-btn {background:url(../images/nav-innovacion.jpg) top left;}
a.innovacion-btn:hover {background:url(../images/nav-innovacion.jpg) bottom left;}
a.mapa-btn {background:url(../images/nav-mapa.jpg) top left;}
a.mapa-btn:hover {background:url(../images/nav-mapa.jpg) bottom left;}
a.productos-btn {background:url(../images/nav-productos.jpg) top left;}
a.productos-btn:hover {background:url(../images/nav-productos.jpg) bottom left;}
a.inicio-btn {background:url(../images/nav-inicio.jpg) top left;}
a.inicio-btn:hover {background:url(../images/nav-inicio.jpg) bottom left;}
la URL: ir.pe/b56

Gracias de antemano un SALUDO
  #2 (permalink)  
Antiguo 13/11/2009, 19:05
 
Fecha de Ingreso: septiembre-2008
Mensajes: 18
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Item de lista activo (hover) mientras esta activo el dropdown

Por favor una manita please =) una idea?
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 21:09.