08/05/2012, 04:01
| ||||
| ||||
| propiedad hover en ítems de menú ¡Saludos! En esta web, en el menú superior (productos, precios, faq, blog...) ¿Cómo hago para que, cuando sitúo el ratón encima de un ítem de menú, el resto de los ítems de menú permanezcan quietos? Podéis ver que se mueven, y necesito que no se muevan. Espero vuestra ayuda, Daniel |
|
08/05/2012, 07:32
| ||||
| ||||
| Respuesta: propiedad hover en ítems de menú tienes que jugar con el ancho y alto de tu <li> para que no sea superado por el de tu texto interior... así conseguiras que no se te muevan el resto de <li> y conservando el efecto que quieres. |
|
08/05/2012, 08:25
| |||
| |||
| Respuesta: propiedad hover en ítems de menú puedes probar a meterles a los "li" un "width", y al efecto "hover" ponerle el mismo "width" que al estado activo, ya que el problema está en que al hacer "Hover" cambia de ancho. |
|
08/05/2012, 10:09
| |||
| |||
| Respuesta: propiedad hover en ítems de menú EL movimiento ocurre porque el font-size del span pasa de 14 px a 16px al hacer :hover Debe calcular cuanto aumenta su contenedor y disminuirlo en la misma medida al hacer :hover sobre él. Última edición por kseso?; 08/05/2012 a las 13:22 |
|
08/05/2012, 13:23
| |||
| |||
| Respuesta: propiedad hover en ítems de menú Explíquese, por favor. ¿Qué es lo que no entendió? Y ¿a qué ejemplo se refiere? |
|
09/05/2012, 10:05
| |||
| |||
| Respuesta: propiedad hover en ítems de menú Hola, Intente crearte el css modificado pero al ver con firebug veo que usas demasiadas clases innecesarias a mi parecer... y se me hizo un lio editarlo desde allí, básicamente es la solución que te dan los compañeros arriba... asignale un valor de ancho fijo a los <li> imagínate que cada<li> es una caja contenedora con ancho fijo, y cualquier cosa que se mueva dentro, no debe afectar al flujo... Suerte con eso, cualquier cosa escribe, Saludos! |
|
10/05/2012, 05:14
| ||||
| ||||
| Respuesta: propiedad hover en ítems de menú Hola amigos, muchas gracias por vuestras respuestas  Pues lo dejé un par de días, porque estuve entretenido con otras historias. Voy a ver si ahora mismo puedo echarle un ratillo y lo soluciono. Gracias! |
|
18/05/2012, 01:52
| ||||
| ||||
| Respuesta: propiedad hover en ítems de menú Hola amig@s, ahora necesito que el botón superior derecho (LOGIN) no se mueva con el hover... Espero vuestra ayuda, Daniel
__________________ Diseño Web Jaén |
|
18/05/2012, 02:18
| ||||
| ||||
| Respuesta: propiedad hover en ítems de menú Hola de nuevo, ya lo solucioné, era cuestión de incrementar el left y el top en el hover, ya que los ítems vienen de un menú el cual tiene un css propio que yo no implementé...y parece ser que se jugaban con estas dos propiedades... Gracias por vuestra ayuda
__________________ Diseño Web Jaén |
| Etiquetas: |
