A:Link su immagini

[Jigen]

Salve a tutti,

ho formattato in un foglio di stile tutti i testi di un sito, compreso i link e i relativi hover.

Il mio problema ora è questo: quando applico un collegamento ipertestuale ad una immagine, sotto questa compare la sottolineatura che ho impostato per i link testuali.
Come posso evitare che le immagini seguano la formattazione dei testi specificata nel foglio di stile?

Grazie a quanti vorranno aiutarmi.

Felica Pasqua!

[keratox]

Fornisci una classe all'immagine e fornisci su essa lo stile.

[Jigen]

Una cosa del genere potrebbe andare bene?

____________CSS_____________
.IMG
{
A:link { text-decoration: none }
A:hover { color: #A00D0D }
}
_____________________________


____________HTML____________

[img]foto.gif[/img]

_____________________________


Grazie

[salvox150]

Dovrebbe bastare fare questo:

img
{
  border: 0;
  margin:0;
  padding:0;
}
img a
{
  text-decoration: none;
}

Se usi lo stile img, vale per tutte le immagini, non c'è bisogno di indicare la classe...

[Jigen]

Ho inserito nel file css quanto segue:


img a
{
text-decoration: none;
}


...ho poi applicato il collegamento ipertestuale all'immagine ma la sottolineatura
è rimasta. Cosa mi sfugge?

Grazie.

[salvox150]

Puoi fornire un url della pagina? Potrei guardare meglio...

[Jigen]

Spiacente salvox150 ma la pagina non è on-line, la sto ancora realizzando!

Hai indicazioni da darmi?

PS: utilizzando "img a" postato nel messaggio precedente non indico la classe nel tag <img src.....>, giusto?

[salvox150]

PS: utilizzando "img a" postato nel messaggio precedente non indico la classe nel tag <img src.....>, giusto?

Esatto!

Spiacente salvox150 ma la pagina non è on-line, la sto ancora realizzando!

Puoi magari mettere il codice html e il css così li guardo?

Se lo pubblichi, usa il tag CODE così che sia più leggibile

[Jigen]

Allora, questo è il mio foglio di stile:

.copy
{
font-family:verdana;
font-size:11px; 
color:#FFFFFF;
}

.intro2
{
font-family:verdana;
font-size:11px; 
color:#404040;
}

img a
{
text-decoration: none;
}

A:link { text-decoration: none; border-bottom: Dashed 1px; color: #919191 }
A:hover { text-decoration: none; border-bottom: Dashed 0px }
A:visited { text-decoration: none; border-bottom: Dashed 1px; color: #919191 }

Cos'è che sbaglio?

[salvox150]

Non hai aggiunto la prima parte del CSS che ti avevo consigliato, l'immagine non è sottolineata, ha il border-bottom.

Aggiungi questo al CSS

img
{
  border: 0;
  margin:0;
  padding:0;
}

Dimenticavo...

Magari aggiungi anche border:0 allo stile img a