Immagini dentro ai link

[salasir]

Ho definito in CSS la seguente dichiarazione:

div#contenuto a:hover { TEXT-DECORATION: underline; color: #444; background-color: #ff0;}

e non voglio che avvenga la modifica del background anche su quei link al cui interno compaia un'immagine. Come si fa a resettare il colore? Ho provato con

div#contenuto a:hover img { border: 0px; text-decoration: none; }

e anche con

a img { border: 0px; text-decoration: none; background-color: transparent; }

ma non c'è niente da fare. Cambiarlo si riesce, eliminarlo no.

Grazie in anticipo.

Maurizio

[Sky]

provato con background: none ?
Al limite puoi dargli lo stesso sfondo che hanno i link senza l'hover :P

[salasir]

Niente da fare.
Probabilmente l'immagine eredita il background e va resettato in qualche modo.

[salasir]

[Mich_]

Che senso ha definire un background per un'immagine? L'immagine ha un suo sfondo (immagino) che non si puo` modificare con i CSS, dato che fa parte dell'immagine stessa.

Mettere uno sfondo all'immagine ha senso solo se l'immagine ha uno dei colori definito "trasparente", che con alcuni formati (ma non con tutti) si resce a fare.

[salasir]

L'immagine non ha uno sfondo ma essendo inserita in un link, prende quello definito per il link

div#contenuto a:hover { TEXT-DECORATION: underline; color: #444; background-color: #ff0;}

E' quello che vorrei togliere.

[Mich_]

Con che browser stai testando? Perche` se ho capito giusto sarebbe un errore del browser.

Comunque io proverei anche cosi`:

<div id="contenuto"><a ...><img ...></a></div>

#contenuto a img { background: white none; }


oppure, per togliere effetti strani:
<div id="contenuto"><a ...><span class="nobg"><img ...></span></a></div>

.nobg { background: white none; }

[salasir]

Il problema c'era sia con IE che con Firefox (anche se uno mi dava l'intero sfondo dell'immagine [IE], mentre FF solo una riga).

Comunque con la sintassi

#contenuto a img { background: white none ; }

funziona.

Grazie!