Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Varios a:hover diferentes (http://www.forosdelweb.com/f53/varios-hover-diferentes-496628/)

damars 09/06/2007 03:56

Varios a:hover diferentes
 
Tengo un menu con un a:hover que cambia a color blanco en el encabezamiento de la página, pero en el resto de la página no quiero que cambie a blanco.

Los a:hover del resto de la página quiero que se subrayen y no cambien a blanco, sino que se mantengan en el mismo color que tiene ese estilo en concreto.

Tengo esto para el menu del encabezamiento:

a{
color:#000000;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

a:hover
{
color:#FFFFFF;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

En el resto de la página quiero esto:

.Vinculos {
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000080;
}

y que al poner el ratón sobre el link se subraye

Saludos y gracias.

pzin 09/06/2007 04:57

Re: Varios a:hover diferentes
 
Puedes ponerlo así:
Código:

a.Vinculos:hover{}

damars 09/06/2007 05:12

Re: Varios a:hover diferentes
 
No consigo que funcione:
Tengo esto:
a{
color:#000000;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

a:hover
{
color:#FFFFFF;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

.Vinculos {
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000080;
}
a.Vinculos:hover {
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000080;
text-decoration: underline;
}
Y cuando pongo el ratón no lo subraya.
Saludos

pzin 09/06/2007 05:19

Re: Varios a:hover diferentes
 
a{
color:#000000;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

a:hover
{
color:#FFFFFF;
font-family: Arial;
font-size:10px;
text-decoration:none;
}

a.Vinculos:link {
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000080;
text-decoration: none;
}
a.Vinculos:hover {
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000080;
text-decoration: underline;
}


Así debería de funcionar. Te faltaba quitar el subrayado...

En <a> debes de poner la clase, es decir:
<a class="Vinculos"...>

damars 09/06/2007 08:48

Re: Varios a:hover diferentes
 
Gracias Bonez, ahora me funciona.
Saludos.


La zona horaria es GMT -6. Ahora son las 01:44.

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