Código:
CSS: <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ó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 é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ó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í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">ácidos Húmicos</a></li> <li><a href="categoria_productos.php?contenido=productos_liquido_y_foliares">Líquidos y Foliares</a></li> <li><a href="categoria_productos.php?contenido=productos_bionutrientes_y_aminoacidos">Boinutrientes y Aminoá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ía</a> <ul> <li><a href="categorias_casos_exito.php" class="">Casos de é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éxico</a></li> <li><a href="resultados_parcela.php?pais=E">España</a></li> </ul> </li> <li class="sub-vin"><a class="fly" href="resultados_taxonomia.php">Taxonomí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í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>
Código:
la URL: ir.pe/b56#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;}
Gracias de antemano un SALUDO