subrayar link al ponerse encima

#1 (**permalink**) 23/02/2009, 07:42

hola a todos.

tengo un problema con una ficha desplegable y es que al estar cerrada se ve como un texto normal y puede pasar desapercibida. por eso, lo que quiero es que al ponerse encima del texto se subraye (como en los demás enlaces normales). el código CSS está para que realice esa función pero se ve que no le afecta al estar dentro de esa etiqueta <div>.

intenté hacer

Código:

<? echo("<a href=\"\">ESTE ES EL TEXTO QUE QUIERO QUE SE SUBRAYE AL PONERSE ENCIMA</a>"); ?>

pero solo cambia el cursor cuando se coloca uno encima y no se subraya.

alguien me puede ayudar?, aquí les dejo el código entero

gracias de antemano a todos!!!!

Código:

<div id="PanelQueSeContrae" class="CollapsiblePanel">
                          <div class="CollapsiblePanelTab" tabindex="0">ESTE ES EL TEXTO QUE QUIERO QUE SE SUBRAYE AL PONERSE ENCIMA</div>
                          <div class="CollapsiblePanelContent">
                            <table width="420" border="0">
                              <tr>
                                <td>AQUÍ VA EL TEXTO
                                  &nbsp;</td>
                              </tr>
                              <tr>
                                <td>[...]</td>
                              </tr>
                            </table>
                            <p>&nbsp;</p>
                          </div>
                        </div>

Dalvenjha · #2 (**permalink**) 23/02/2009, 08:35

a:hover{
text-decoration:underline;
}

Uhmmm...

#3 (**permalink**) 23/02/2009, 08:57

ya, eso ya lo tengo

Código:

<style type="text/css">
<!--
body,td,th {
	color: #FFF;
	font-family: Trebuchet MS;
	font-size: 11px;
}
body {
	background-color: #000;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #CCC;
	text-decoration: underline;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
.titulo {
	font-size: 16px;
	font-weight: bold;
}
.etiqueta {
	color: #FFF;
}
-->
</style>

pero aún así no funciona.

es un "panel que puede contraerse" del dreamweaver (CS4). lo tengo cerrado por defecto, pero cuando lo tengo así parece que es un texto normal y corriente. yo lo que quiero es que ese texto se subraye como si fuese un enlace para que la gente se dea cuenta de que ahí hay un panel desplegable.

mi solución fué crear un enlace sin dirección con php pero no funciona.

alguna solución??

braulito · #4 (**permalink**) 23/02/2009, 10:46

¿Y si pruebas con?

Código:

a:hover {
    color: #CCC;
    text-decoration: underline !important;
}

Si no funciona es porque talvez tienes definida alguna otra instrucción, talvez está en los css de los paneles que estás usando. Me fijé que en tu código no está la etiqueta <a>. ¿Será por eso?

#5 (**permalink**) 23/02/2009, 13:53

gracias braulito!!! si que funciona!!

el problema ahora es que no cambia de color al ponerse encima y queda con el que tiene: debería ponerse en color #CCC y queda en #FFF.

gracias de nuevo!

Ziongem · #6 (**permalink**) 23/02/2009, 15:24

a:hover {
color: #CCC !important;
text-decoration: underline !important;
}