Problema link

[E|ena]

ho definito che tutti i i link hanno questa propietà:

a:hover
{
border-bottom: 1px dotted #999;
}


ora però vorrei che le immagini non ereditassero questo stile ma non riesco a capire come
impostando cosi non funziona

img a:hover
{
border: 0px;
}

sbaglio qualcosa?

[custanz]

prova a girarlo..

mettendo a:hover img

[E|ena]

provato ma rimane il problema!

[custanz]

ok.. fammi capire due cose..

le immagini come sono messe nella struttura html?

vuoi far sparire il bordo solo quando ci passi sopra o sempre?

[E|ena]

le immagini hanno un bordo fisso di 3 pixel
vorrei semplicemente che se passo sopra col mouse non succeda nulla

[custanz]

allora dovresti fare così:

a:hover img
{
border: 3px solid [colore];
}

anche se forse funziona anche così:

a:hover img
{
border: inherit;
}

[E|ena]

nulla.. il border bottom lo vedo sempre

[mucu]

se metti un link alla pagina hai più possibilità

[E|ena]

è un sito interno aziendale tra l'altro sviluppato in net :\

[fcaldera]

il problema lo vedi in tutti i browser con cui testi?
lo vedi anche su Firefox?

Installati l'estensione firebug per firefox (vedi link utili o google) fai inspect sul link e sull'immagine e guarda se hai impostato regole css per cui dovrebbe apparire un bordo

e comunque se usi la regola

a img {
border: 0;
}


stai sicura che le immagini linkate perdono il bordo, a meno che tu non abbia specificato una regola diversa o più specifica che assegna un bordo od un text-decoration


Se ancora non risolvi, crea e posta qui un codice di prova MINIMALE in cui si verifica l'errore