CSS: a img
Hoooola! a ver que me estoy pegando con el CSS (otra vez)
tengo este código
<code>
a { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
text-decoration: none;
font-style: normal;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
background-color: #114872;
}
a img {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
background-color: #E79239;
text-decoration: none;
} </code>
Con "a" defino el vínculo con un taco de color de fondo que deja 3px de padding a cada lado. El asunto es que no quiero que ese padding lo haga en las imagenes y se supone que con "a img" las imágenes que sean vínculos no tienen que tener ese padding no?
el código que tengo en las imágenes con vinculos es este...
<code><a href="modificarDatosClienteMAX.asp?IdCliente=2"><img src="img/iconos/modificarbarra2.gif" width="14" height="14" alt="modificar datos cliente" border="0"></a></code>
meddle
ahora mismo no se me ocurre nada puramente CSS, pero tienes un problema, porque el padding no esta en la imagen, esta en el bloque que la contiene que es el a. Pero no puedes decirle al CSS que <em>si a tiene un hijo que es imagen</em> no haga padding.
ikgoru
Yo he probado y he llegado a la misma conclusión q meddle, el pading esta en el bloque en el q se encuentra la imagen.
Lo unico q se me ocurre es q hagas un class y lo pongas donde lo necesites en vez de redefinir la etiqueta a
meddle
he probado esto pero no soluciona del todo bien. sigo pensando. <code>a * { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
text-decoration: none;
font-style: normal;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
background-color: #114872;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
background-color: #E79239;
text-decoration: none;
}
a img, a img:hover {
padding: 0px;
background-color: none;
}</code>
black
Yo tb he pensado eso pero claro, no funciona... sé que puedo hacer un class, pero claro tengo unas cuantas imágenes echas ya y sería un coñaaaazo... :)
gracias!
Por cierto, como se le llama a este tipo selectores?
black
perdón! porque a *?
meddle
black
perdón! porque a *?
xq he intentado que seleccionara todos los elementos hijos de un a (luego si te fijas le he dicho que a img fuera otra cosa)
black
vale... a * selecciona los hijos de "a"
Gracias!