Problemas con :hover

Anlobama · #1 (**permalink**) 27/10/2004, 04:33

Hola a todos!!

Tengo un pequeño problemilla, tengo el siguiente codigo css:

A.boton {FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #2315AD;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

A.boton:hover {FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #ffffff;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

A.boton:visited {FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR:#2315AD;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

Cuando lo aplico a un enlace para crear un boton, si el enlace existe o esta creado no me hace el efecto de :hover, sin embargo si no existe si me hace el efecto, sabeis porque es debido esto?

Muchas gracias!!!

kemie · #2 (**permalink**) 27/10/2004, 05:52

te falta definir
a.boton:visited:hover

para que te tome el estilo tambien en los enlaces visitados

:)

Anlobama · #3 (**permalink**) 27/10/2004, 09:05

Muchas gracias kemie, ya me funciona!!!!!!

Hildergarn · #4 (**permalink**) 27/10/2004, 13:01

Aprovechando que hablan de hover, tengo una consulta. deseo que mis enlaces no me aparezcan subrayados, como le hago

iconogt · #5 (**permalink**) 27/10/2004, 20:32

Creo que lo que buscas es esto:

Código:

A:link { 
     text-decoration: none;font-size: 12x;color: #c3d4e5;

A:active {
     text-decoration: none;font-size: 12x;color: #c3d4e5;

A:visited {
     text-decoration: none;font-size: 12x;color: red;

A:hover {
     text-decoration: none;font-size: 12x;color: orange;

o simplemente haslo directamente desde el link que quieres cambiar, aquí hay un ejemplo

<a href="tusitio.com" style="text-decoration: none;">vinculo</a>

Espero que haya sido lo que buscabas,
Slds...