Foros del Web » Creando para Internet » CSS »

Varios a:hover diferentes

Estas en el tema de Varios a:hover diferentes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/06/2007, 04:56
 
Fecha de Ingreso: agosto-2002
Ubicación: Orihuela
Mensajes: 39
Antigüedad: 15 años, 3 meses
Puntos: 0
Pregunta 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.
  #2 (permalink)  
Antiguo 09/06/2007, 05:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Re: Varios a:hover diferentes

Puedes ponerlo así:
Código:
a.Vinculos:hover{}
  #3 (permalink)  
Antiguo 09/06/2007, 06:12
 
Fecha de Ingreso: agosto-2002
Ubicación: Orihuela
Mensajes: 39
Antigüedad: 15 años, 3 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 09/06/2007, 06:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
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"...>
  #5 (permalink)  
Antiguo 09/06/2007, 09:48
 
Fecha de Ingreso: agosto-2002
Ubicación: Orihuela
Mensajes: 39
Antigüedad: 15 años, 3 meses
Puntos: 0
Re: Varios a:hover diferentes

Gracias Bonez, ahora me funciona.
Saludos.
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 10:49.