Foros del Web » Creando para Internet » CSS »

subrayar link al ponerse encima

Estas en el tema de subrayar link al ponerse encima en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/02/2009, 07:42
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
subrayar link al ponerse encima

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>
  #2 (permalink)  
Antiguo 23/02/2009, 08:35
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: subrayar link al ponerse encima

a:hover{
text-decoration:underline;
}

Uhmmm...
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #3 (permalink)  
Antiguo 23/02/2009, 08:57
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: subrayar link al ponerse encima

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??
  #4 (permalink)  
Antiguo 23/02/2009, 10:46
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
Respuesta: subrayar link al ponerse encima

¿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?
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #5 (permalink)  
Antiguo 23/02/2009, 13:53
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: subrayar link al ponerse encima

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!
  #6 (permalink)  
Antiguo 23/02/2009, 15:24
Avatar de Ziongem  
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 58
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: subrayar link al ponerse encima

a:hover {
color: #CCC !important;
text-decoration: underline !important;
}
__________________
Ziongem.com | web state of mind
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:11.