OnMouseOver y OnMouseOut
Publicado por Kevin (2 intervenciones) el 03/04/2016 21:04:51
Hola.
Estoy necesitando hacer diría yo, dos usos de OnMouseOver y OnMouseOut a la vez.
Ahora mismo tengo el siguiente código:
Lo que hace es, el OnMouseOver y el OnMouseOut en el link le da y le quita el color al icono de Glyphicon. Y luego, una imagen en donde también cambia de color (son imágenes diferentes) a través de las mismas funciones.
El problema visual que estoy teniendo es que, al pasar por el link, que está dentro de un div junto a otros links, me surge lo siguiente. La imagen tiene un tamaño donde se corta en los bordes de las letras, no tiene espacios en blanco, por lo que si paso el mouse por otra parte del link detecta únicamente el cambio de color del icono (que originalmente es gris):

Es decir, para que también se cambie de color las letras debo ir hasta la imagen con el mouse:

¿Me explico? ¿Alguna duda, sugerencia o idea?
Gracias. Un saludo.
Estoy necesitando hacer diría yo, dos usos de OnMouseOver y OnMouseOut a la vez.
Ahora mismo tengo el siguiente código:
1
<a href="/estadisticas.php" onmouseover="this.style.color='#0f9dc1'" onmouseout="this.style.color='#3C3C3C'" class="list-group-item"><span class="glyphicon glyphicon-stats"></span> <img src="/imagenes/textos/estadisticas1.png" onmouseover="this.src='/imagenes/textos/estadisticas2.png';" onmouseout="this.src='/imagenes/textos/estadisticas1.png';"/></a>
Lo que hace es, el OnMouseOver y el OnMouseOut en el link le da y le quita el color al icono de Glyphicon. Y luego, una imagen en donde también cambia de color (son imágenes diferentes) a través de las mismas funciones.
El problema visual que estoy teniendo es que, al pasar por el link, que está dentro de un div junto a otros links, me surge lo siguiente. La imagen tiene un tamaño donde se corta en los bordes de las letras, no tiene espacios en blanco, por lo que si paso el mouse por otra parte del link detecta únicamente el cambio de color del icono (que originalmente es gris):

Es decir, para que también se cambie de color las letras debo ir hasta la imagen con el mouse:

¿Me explico? ¿Alguna duda, sugerencia o idea?
Gracias. Un saludo.
Valora esta pregunta


0