Problema con menú desplegable.

[InTheAciD]

Hola,

de mucho tiempo tengo un problemita con CSS, vaya asunto que le doy vueltas y pues no es mi fuerte los desplegables en CSS, pero me parece siempre lo ideal, así que vamos aprendiendo.

Tengo un pequeño problema con un menú, es mas por estetica, aquí pueden ver el mismo:

http://www.tuenlace.net/menutop/

Explico lo que quiero, cómo pueden ver, al pasar el mouse por la parte de arriba del menú las letras se vuelven blancas y el fondo pasa a ser un celeste, sin embargo cuando me voy al sub-menú para seleccionar algún link el fondo se mantiene, mas las letras vuelven a su color original y yo quiero que se mantenga en blanco mientras este navegando en el sub-menu.

Se agradecera muchisimo la ayuda,

Un abrazo y se los hecho de menos. :)

[mortiprogramador]

Hola
Bueno, esos cambios los he visto hacer con javascript, con jquery por ej, pero algo así rápidamente sería lo siguiente:

Código HTML:

<li class="dir"><a href="#" id="dir1">Botón 1</a>
        <ul>
 
            <li onMouseOver='test("dir1","over")' onMouseOut='test("dir1","out")'><a href="./">Español</a></li>
            <li><a href="./">English</a></li>
            <li><a href="./">Deutshc</a></li>
            <li><a href="./">Español</a></li>
            <li><a href="./">English</a></li>
            <li><a href="./">Deutshc</a></li>
 
        </ul>
    </li>
 

Que se ha modificado??
1. Se agrego un id al tag <a> del li "madre"
2. En los hijos (para este ej solo en uno) se llama a una función javascript,
pasandole dos parametros: El nombre del id y el evento que se esta ejecutando, esto para saber que se debe hacer con ese id dependiendo de uno u otro evento, esto porque llamamos a la misma función, si los separas en funciones distintas solo debes pasarle el id y listo

Y las función javascript tendrá lo siguiente:

Código js:

<script>
function test(estilo_a_modificar, estado)
{
  if(estado == 'over')
  {
    document.getElementById(estilo_a_modificar).style.color='#FFFFFF';
  }
  else
  {
    document.getElementById(estilo_a_modificar).style.color='#00B1DE';
  }
}
</script>
 

Este ej en este caso solo funciona en la opción Español, pero es cuestión de replicar el llamado a las funciones

espero te sirva
saludos

[InTheAciD]

Vaya que si me sirve, aunque no lo veo ideal, agradezco mucho tu ayuda y en caso de no encontrar alguna mejor aplicare esta.

Un abrazo y gracias nuevamente.

[alexk]

en las faqs tienes muchos ejemplos de menus desplegables...

[seoista]

Hola InTheAciD

Aquí tienes varios menús desplegables (cortesía de Mikmoro. ¡Hola !).

Elige el que más se adapte a tu gusto.

Saludos.