[Ovillo] Como eliminar el subrayado en una capa a modo tootip en FF
Tamara Forza
tamara.forza en gmail.com
Vie Nov 14 10:29:45 UTC 2008
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
Más información sobre la lista de distribución Ovillo