Hola,
cómo podría evitarse que esto:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
text-decoration: none;
background-color:#FF3366;
}
conllevara que las img incluidas entre a hicieran un fondo de
color en el hover.
19:06
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Evitar background-color en las imágenes
Hola,
cómo podría evitarse que esto:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
text-decoration: none;
background
?
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
]
En nombre de Terradillos Gutiérrez Carlos
Enviado el: jueves, 10 de abril de 2008 19:06
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Evitar background-color en las imágenes
Hola,
cómo podría evitarse
a:hover img {
color: #D3E2E7;
text-decoration: none;
background-color:none;
}
Prueba añadiendo eso
Terradillos Gutiérrez Carlos escribió:
Hola,
cómo podría evitarse que esto:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
Enviado el: Jueves, 10 de Abril de 2008 14:06
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Evitar background-color en las imágenes
Hola,
cómo podría evitarse que esto:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
text
de CSS en castellano
Asunto: [Ovillo] Evitar background-color en las imágenes
Hola,
cómo podría evitarse que esto:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
text-decoration: none;
background-color:#FF3366
Gracias Hari,
none no es un valor correcto para background-color, podría ponerse
transparent que es su valor por defecto pero ni en un caso ni en
otro me funciona. Ni siquiera funciona con !important.
¿...?
El 10/04/2008, a las 20:32, Hari Seldon escribió:
a:hover img {
color: #D3E2E7;
Hola,
la mejor solución sería definir una clase distinta a los enlaces que tengan
imágenes, siempre si es posible. En el caso contrario... me encontré hace
tiempo con este problema y no logré solucionarlo del todo. El problema es
que no se pueden definir estilos distinto al elementos dependiendo
A ver,
concreto más el tema:
Lo que tengo y creo que sería correcto es lo siguiente:
a {
color: #06c;
text-decoration: none;
}
a:hover {
color: #D3E2E7;
text-decoration: none;
background-color:#FF3366;
}
img {
text-decoration:
Me parece que ya he encontrado el pequeño misterio.
La cosa está en que img ,por defecto, es un elemento en línea y por
tanto el a:hover es algo que contiene en línea a las imágenes.
Por tanto, lo que se ve en el a:hover no es el background-color de
la img sino simplemente de la línea en la
Hola,
Lo que pasa es que al hacer el hover sobre el enlace se aplican los dos
estilos que has definido, para el enlace y imagen:
a:hover {
color: #D3E2E7;
text-decoration: none;
background-color:#FF3366;
}
a:hover img {
background-color: transparent
11 matches
Mail list logo