eliminare i bordi dai link su IMG tramite css

[tarr]

Ciao a tutti:
nel mio foglio di stile ho messo dei bordi ai link. Vorrei che questi bordi apparissero solo sui link testuali e non sulle immagini, perché la cosa "rompe" il layout. Ho già provveduto creando una classe di questo tipo:

#navbar a:link { border: none;}
#navbar a:visited { border: none;}
#navbar a:hover { border: none}

che poi ho assegnato a tutte le immagini della barra di navigazione.
Tuttavia la cosa è scomoda e poco elegante. Vorrei sapere se esiste un comando css per escludere il bordo da tutte i link su tag IMG. Da qualche parte ho trovato questa istruzione:

a img { border:none;}

ma sembra non funzionare.
Come posso fare?

[antos]

prova così:

<div id="navbar">
  [img]...[/img]<span>link</span>
</div>

#navbar a:link { border:0;}
/*è inutile ripetere border:0, viene ereditato automaticamente*/
#navbar a:visited {...}
#navbar a:hover {...}
#navbar a img{border:0;}
#navbar a:hover span{border:1px soldi #f00;}

[span]

a img { border:0;}

anche così

none non si applica a border, mi pare

[tarr]

non funziona :master:
quindi a img non è una sintassi corretta?

[Federix]

Ridefinisci solamente il tag IMG e non avrai problemi in tutto il sito:

img { border: 0px; }

[tarr]

grazie, ma non funge. Nel mio sito ho un layer chiamato maincontent e nel file css ho scritto:

#maincontent a {
color: #909090;
text-decoration: underline;
font-weight: bold;
font-family: Lucida Bright, Verdana, Arial;
font-size: 1em;
}
#maincontent a:hover {
font-family: Arial, Verdana;
color: #000000; 
font-weight: bold;
border: 1px #000000 solid;
text-decoration: none;
}

#maincontent img { border: 0px; }

Le immagini link nel livello maincontent appaiono comunque con il bordo

[Federix]

Devi lasciare il tag IMG come unico CSS e non metterlo all'interno di altre classi.

[tarr]

Originariamente inviato da Federix
Devi lasciare il tag IMG come unico CSS e non metterlo all'interno di altre classi.

come dicevo nel primo post, non funge. Tutte le IMG link nel div maincontent appaiono con il bordo se il puntatore ci va sopra

[kaze]

Non vedo a:visited, a:active

[fasibia]

Forse non ho capito niente ma state modificando lo stile di TUTTI i link.
Non mi sembra un granché come soluzione.
Non sarebbe meglio creare uno stile specifico per una categoria di link (es.

a.stylename:link
a.stylename:hover

)

?

che poi è quello che faccio sempre.