Hover en CSS no funciona en Mozilla

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
Manolain

Hover en CSS no funciona en Mozilla

Mensajepor Manolain » Mar Jul 01, 2008 4:34 pm

Hola amigos,

Estoy trabajando en una nueva web, y tengo un problema que debe ser una chorrada porque lo he visto funcionar mil veces en Mozilla

Tengo un enlace que quiero que se subraye cuando se pasa el ratón por encima, para ello, he definido lo siguiente en una hoja CSS:

Código: Seleccionar todo

.ampliar {
   font-family: Verdana;
   font-size: 10px;
   color: #000000;
   text-decoration: none;
}

.ampliar:hover {
   font-family: Verdana;
   font-size: 10px;
   color: #000000;
   text-decoration: underline;
}

.ampliar:visited {
   font-family: Verdana;
   font-size: 10px;
   color: #000000;
   text-decoration: none;
}


Y en el cuerpo del documento, pues una etiqueta a de la siguiente forma:

Código: Seleccionar todo

<a target="_blank" class="ampliar" href="img/logos/certificado_naranja_ampliado.jpg">Ver certificado ampliado</a>


Sin embargo, me encuentro con que en Explorer si subraya al pasar por encima, pero no así en Mozilla, ¿qué estoy haciendo mal?

Gracias

La prueba la podéis ver en http://ritasa.awardspace.com/certificados.php

Avatar de Usuario
BlackRider
Moderador
Moderador
Mensajes: 3487
Registrado: Mié Feb 22, 2006 3:52 am
Ubicación: ***Unknown***
Contactar:

Re: Hover en CSS no funciona en Mozilla

Mensajepor BlackRider » Mar Jul 01, 2008 10:52 pm

"533d 0r D13!"

Avatar de Usuario
milor
Lagartija
Lagartija
Mensajes: 153
Registrado: Mar Dic 28, 2004 10:30 am

Re: Hover en CSS no funciona en Mozilla

Mensajepor milor » Vie Dic 19, 2008 9:26 am

Creo que deberia ser: .ampliar a:hover

¿no?


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado