venerdì 14 novembre 2008

[CSS] [HTML] - Eliminare Bordo da Immagine con Link

Mi è capitato utilizzando qualche funzione Javascript per le immagini (ad esempio per un riflesso) che non basti impostare il BORDER="0" nell'HTML affinchè il bordo scompaia da un'immagine che è anche un link.
O meglio, il bordo scompariva dall'immagine ma non dal riflesso creato da javascript.
Sono riuscito a risolvere il problema con i CSS.
Questo che sto per scrivere è quindi anche un modo "alternativo" per eliminare il bordo dalle immagini linkate ad una pagina.

Basta creare uno stile così:
<STYLE type="text/css">
<!--
a.noborder img{ border: 0px; }
-->
</STYLE>

E richiamare poi questa classe nell'Href dell'immagine.
<a href="link.ext" class="noborder"> ...</a>

In questo modo, modificando un pò quello stile, si possono anche cambiare i colori e il tipo di bordo.

1 commento:

Anonimo ha detto...

Grazie mille per aver esposto lòa soluzione al tuo problema che ha risolto anche il mio!

morganaeffect