Sottolineatura a metà immagine

[MrBl4d3]

Salve, ho un problema davvero curioso.
Nel mio file CSS ho settato una sottolineatura tratteggiata per i link:

a:link {font-family: Verdana;
font-size: 8pt; 
text-decoration:none; 
border-bottom:1px dashed #000099; 
color:#000099;}

a:visited {font-family: Verdana; 
font-size: 8pt; 
text-decoration:none; 
border-bottom:1px dashed #000099; 
color:#000099;}

a:hover {font-family: Verdana; 
font-size: 8pt; 
color: #000099; 
text-decoration:none; 
border-bottom:none;}

a:active {......}

Premetto che nel file CSS sono presenti più classi per settare i link.
Il problema sorge quando creo un collegamento su una Gif trasparente. Si vede la sottolineatura trattegiata nel bel mezzo dell'immagine. Questo non avviene nei Jpeg probabilmente perchè la sottolineatura viene nascosta sotto l'immagine stessa.
Per chiarirvi le idee: http://www.bladexperience.com/linux.php
Il file CSS si trova su http://www.bladexperience.com/global.css

Grazie 1000!

[serialkiller]

fai una classe per i link con immagini e setti le differenze, così com'è, assume i parametri di a:link ecc,ecc

in + non si settano i valori widht, height, border, e align sul tag <img> ma da css

[MrBl4d3]

ma cosa devo scrivere per settare le differenze?

[serialkiller]

Originariamente inviato da MrBl4d3
ma cosa devo scrivere per settare le differenze?

questo lo devi sapere tu, nel senso..

se alle immagini in questione hai assegnato una classe, mettiamo .pippo

abbini a quella classe a

.pippo a{quello che deve fare}

.pippo a:visited{quello che deve fare}

.pippo a:hover{quello che deve fare}

quello lo devi vedere tu in base a come hai impostato il lavoro, lo dici tu stesso: "Premetto che nel file CSS sono presenti più classi per settare i link"...

[MrBl4d3]

nel file CSS ho scritto questo:

.nolink a {
text-decoration:none; 
border-bottom:none
}
.nolink a:visited {
text-decoration:none; 
border-bottom:none
}
.nolink a:hover {
text-decoration:none; 
border-bottom:none
}
.nolink a:active {
text-decoration:none; 
border-bottom:none
}

Ma non risolvo nulla
Ho anche provato con

IMG {text-decoration:none}

Niente....
Sto impazzendo

[serialkiller]

Originariamente inviato da MrBl4d3
nel file CSS ho scritto questo:

.nolink a {
text-decoration:none; 
border-bottom:none
}
.nolink a:visited {
text-decoration:none; 
border-bottom:none
}
.nolink a:hover {
text-decoration:none; 
border-bottom:none
}
.nolink a:active {
text-decoration:none; 
border-bottom:none
}

Ma non risolvo nulla
Ho anche provato con

IMG {text-decoration:none}

Niente....
Sto impazzendo

ma la classe "nolink" l'hai assegnata al tag <img> ?

[MrBl4d3]

no.. prima ho provato con la classe .nolink poi, visto che non funzionava, ho cancellato tutto e scritto img {....}

Forse il text-decoration non ha alcun effetto perchè sto tentando di modificare un'immagine e non un testo... non so più che pensare!

[serialkiller]

io intendo

[salasir]

credo che dovrebbe funzionare anche qualcosa del genere:

a:link img {text-decoration:none; }

da aggiungere sotto le altre definizioni e senza definire classi al tag <img>

[MrBl4d3]

Niente... ho provato di tutto ma proprio non riesco a togliere la sottolineatura alle immagini.
Se però dal CSS tolgo border-bottom:1px dashed #000099; il problema non si ripresenta più e tutto torna alla normalità.