Bordi icone W3C

[samiel]

Una curiosità più che un problema: se inserisco in una pagina le icone
della validazione di W3C, i png risultano circondati da una cornice blu
cliccabile molto più grande dell'immagine e disturbano la pagina.
Come si può eliminare questa cornice? Border:0 non funziona...

M.

[gabip87]

Originariamente inviato da samiel

Border:0 non funziona...

come l'hai scritto? prova cosi':

img
   {
      border:none;
   }

se non funziona ancora linka la pagina.

[samiel]

Non funge lo stesso...

<div style="border:none; position:absolute; top:1550px; left:300px">

</div>

<div style="border:none; position:absolute; top:1550px; left:400px">

</div>

questo è l'indirizzo:
http://remanfredi.netsons.org/


Grazie
M.

[panta1978]

Originariamente inviato da samiel
Non funge lo stesso...

Prova ad inserire border:none anche sui tag a, non solo sui tag div.

<a style="border:none" href="http://jigsaw.w3.org/css-validator/">

PS: vado un pò fuori tema, ma il posizionamento assoluto dei due div non è elegante. E lo sfondo che hai usato...

[gabip87]

Originariamente inviato da samiel

Non funge lo stesso...

ci credo. levi il bordo al <div>. sposta la formattazione sull'<img>.
ma perchè non usi il CSS esterno anche in questo caso? cosi' eviti di ricare il codice per tutte le pagine e se decidi di fare una modifica non devi perdere più di 2 minuti.

[samiel]

Allora.. così in effetti sparisce il bordo:

<div>

</div>

<div>

</div>

Però si scompagina la posizione. Nonostante abbia indicato position:absolute.
le due icone sono al centro della pagina una sopra e una sotto.
Come si spiega? Vorrei capire la faccenda, poi sostituisco
con una posizione relativa e trasferisco nel CSS

Grazie
M.

[samiel]

Come non detto... Con quel codice il logo
non è più cliccabile!

M.

[gabip87]

Originariamente inviato da samiel

Come non detto... Con quel codice il logo
non è più cliccabile!

<a ..>
   <img .. />
</a>

[samiel]

COsì il link funziona, ma tornano pure i bordi blu
a grande distanza dall'icona.... :-(

M.

[samiel]

Ho risolto... Avevo impostato le immagini con un padding
nel CSS e non ci avevo più pensato... Ho creato una classe
.nopadding, utilizzato border:0 e adesso funziona!

@ panta1978

==================================
il posizionamento assoluto dei due div non è elegante.
==================================
position: relative: ?


M.