Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Problemas con :hover (http://www.forosdelweb.com/f53/problemas-con-hover-242203/)

Anlobama 27/10/2004 04:33

Problemas con :hover
 
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 27/10/2004 05:52

te falta definir
a.boton:visited:hover

para que te tome el estilo tambien en los enlaces visitados

:)

Anlobama 27/10/2004 09:05

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

Hildergarn 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 27/10/2004 20:32

Hola Hildergarn
 
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...


La zona horaria es GMT -6. Ahora son las 03:58.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.