Buenos días,
estoy con un problema que me está llevando ya mucho tiempo y no logro
solucionarlo. Lo mejor os lo explico empezando por el código. Tengo lo
siguiente:

HTML:
<a href="http://www.google.com"; class="cmContentLink" target="_blank" >
<img height="50" width="60" alt="Imagen de ejemplo" src="test.jpg">
<span class="popupMsg">Este enlace se abrirá en una ventana
emergente.</span>
</a>


CSS:
a.cmContentLink {
color: #666;
text-decoration: none;
padding: 0;
                        position: relative;
}
a.cmContentLink:hover {
text-decoration: underline;
}
 a.cmContentLink img {
margin: 0;
}
a.cmContentLink span.popupMsg {
display: none;
}
a.cmContentLink:hover span.popupMsg {
display: inline;
position: absolute;
top: 1px;
left: 1px;
width: 200px;
border: 1px solid #666;
background-color: #efefef;
padding: 0.3em 0.5em 0.3em 0.5em;
color: #333;
font-size: 0.8em;
text-decoration: none;
}

Al pasar con el ratón encima de la imagen/enlace (:hover) se muestra el span
que contiene el mensaje (Este enlace se abrirá en una ventana emergente).

El problema es que Firefox (esta vez no es IE), hereda (supongo) el
subrayado del enlace en modo hover al span, o sea el texto dentro del span
aparece subrayado (mientras yo no quiero este comportamiento).
Si le quito al a:hover el subrayado, no me lo pinta en el span, pero no
puedo hacerlo ya que es necesario (por tema de diseño, etc.).

Se os ocurre alguna manera de eliminar este subrayado desde el span?

Espero haberme explicado...

Muchas gracias,
Tamara
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a