Links

[Snake nS]

Como logro en que una capa, el texto (links) sin posar el mouse quede comunmente y al posarlo, se subraye dicha palabra.

[braulito]

Código:

#capa a {
text-decoration: none;
}
#capa a:hover {
text-decoration: underline;
}

Código HTML:

<div id="capa">
<a href="foo.html">Enlace</a>
</div> 

[Durgeoble]

Código:

a, a:link, a:visited {
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
}

Código HTML:

<a href="foo.html">Enlace</a> 

• a = enlace
• a:link =enlace (recoge algunos casos que no recoge el anterior)
• a:hover = el raton se situa encima
• a:focus = el enlace esta seleccionado (resaltado al pulsar tabulador o similar)
• a:active = en enlace ha sido activado (cuando se hace click o pulsa intro)

[baccxus]

Iniciado por Durgeoble

...
a:focus = el enlace esta seleccionado (resaltado al pulsar tabulador o similar)

Esa no me la sabía!

Gracias Durgeoble

[Snake nS]

Muchas gracias.

a, a:link, a:visited {
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
}

El unico problema que me genera es que los links quedan en color violeta, ya que cuando converti palabras en link, por defecto se pasan a otro color y quedan subrayados.

Con el text-decoration:none logro suprimir el subrayado, pero como suprimo el color para que quede por el que especifique en la capa.

[baccxus]

Snake, lo que preguntas en básico en CSS, deberías pasarte por las FAQ del foro, allí encontrarás todas las respuestas que quieres y muchas cosas más.

Código:

a, a:link, a:visited {
text-decoration: none;
color: #666666
}
a:hover, a:focus, a:active {
text-decoration: underline;
color: #000000;
}

Saludos

[Snake nS]

Si lo logre despues de preguntar... y cuando quise venir para editar el post los hdps de telecom me dejaron sin telefono...

[Snake nS]

El problema es que quedan resaltados en verde los demas links, como lo resuelvo??

Removiendo Visited o poniendo .capa visited tatata no puedo solucionarlo.

[Snake nS]

ya lo solucione, gracias.