Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 09-jun-2007, 03:56   #1 (permalink)
damars está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Orihuela
Mensajes: 39
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.
damars está desconectado   Responder Citando
Antiguo 09-jun-2007, 04:57   #2 (permalink)
Bonez tiene algunos puntos positivos de karma
 
Avatar de Bonez
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.044
Enviar un mensaje por ICQ a Bonez
Re: Varios a:hover diferentes

Puedes ponerlo así:
Código:
a.Vinculos:hover{}
Bonez está desconectado   Responder Citando
Antiguo 09-jun-2007, 05:12   #3 (permalink)
damars está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Orihuela
Mensajes: 39
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
damars está desconectado   Responder Citando
Antiguo 09-jun-2007, 05:19   #4 (permalink)
Bonez tiene algunos puntos positivos de karma
 
Avatar de Bonez
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.044
Enviar un mensaje por ICQ a Bonez
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"...>
Bonez está desconectado   Responder Citando
Antiguo 09-jun-2007, 08:48   #5 (permalink)
damars está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Orihuela
Mensajes: 39
Re: Varios a:hover diferentes

Gracias Bonez, ahora me funciona.
Saludos.
damars está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:24.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93