Foros del Web » Creando para Internet » CSS »

Problema con menú desplegable.

Estas en el tema de Problema con menú desplegable. en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 28/05/2010, 20:16
Avatar de InTheAciD  
Fecha de Ingreso: agosto-2004
Ubicación: La Paz - Bolivia.
Mensajes: 703
Antigüedad: 13 años, 3 meses
Puntos: 4
Problema con menú desplegable.

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. :)
__________________
"La creatividad es mas importante que el conocimiento" A. Einstein.

InTheAciD - Blog -> Emprendedor y autodidacta incurable.
  #2 (permalink)  
Antiguo 29/05/2010, 19:22
Avatar de mortiprogramador
Colaborador
 
Fecha de Ingreso: septiembre-2009
Ubicación: mortuoria
Mensajes: 3.696
Antigüedad: 8 años, 3 meses
Puntos: 194
Respuesta: Problema con menú desplegable.

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:
Ver original
  1. <li class="dir"><a href="#" id="dir1">Botón 1</a>
  2.         <ul>
  3.  
  4.             <li onMouseOver='test("dir1","over")' onMouseOut='test("dir1","out")'><a href="./">Español</a></li>
  5.             <li><a href="./">English</a></li>
  6.             <li><a href="./">Deutshc</a></li>
  7.             <li><a href="./">Español</a></li>
  8.             <li><a href="./">English</a></li>
  9.             <li><a href="./">Deutshc</a></li>
  10.  
  11.         </ul>
  12.     </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:
Ver original
  1. <script>
  2. function test(estilo_a_modificar, estado)
  3. {
  4.   if(estado == 'over')
  5.   {
  6.     document.getElementById(estilo_a_modificar).style.color='#FFFFFF';
  7.   }
  8.   else
  9.   {
  10.     document.getElementById(estilo_a_modificar).style.color='#00B1DE';
  11.   }
  12. }
  13. </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
  #3 (permalink)  
Antiguo 30/05/2010, 16:57
Avatar de InTheAciD  
Fecha de Ingreso: agosto-2004
Ubicación: La Paz - Bolivia.
Mensajes: 703
Antigüedad: 13 años, 3 meses
Puntos: 4
Respuesta: Problema con menú desplegable.

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.
__________________
"La creatividad es mas importante que el conocimiento" A. Einstein.

InTheAciD - Blog -> Emprendedor y autodidacta incurable.
  #4 (permalink)  
Antiguo 30/05/2010, 17:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con menú desplegable.

en las faqs tienes muchos ejemplos de menus desplegables...
  #5 (permalink)  
Antiguo 31/05/2010, 02:56
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Problema con menú desplegable.

Hola InTheAciD

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

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

Saludos.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Etiquetas: desplegable
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 15:17.