Problema con immagine linkata

**kipper** · 04-03-2011, 14:50

Ciao a tutti!

Mi si presenta il problema che attorno all'immagine "linkata" appare il bordino blu del link (quello che si attiva al passaggio del mouse...) ...spero di essermi spiegato...

#div_01 {
clear:both;
width:100px;
height:100px;
border:0px solid silver;
margin-left:50px;
margin-top:5px;
float:left;
}

<div id="div_01">
[img]mia_immagine.png[/img]
</div>

************************************

Ho trovato una soluzione che funziona (che elimina il bordino blu...) ma non mi sembra propriamente "pulita", (credo... boh...):

#div_01 {
clear:both;
background: transparent url(mia_immagine.png);
width:100px;
height:100px;
border:0px solid silver;
margin-left:0px;
margin-top:5px;
float:left;
}

<a href="http://www.miosito.it/mio_file.zip">
<div id="div_01">
</div>
</a>

Qualcuno avrebbe la soluzione? Va bene se racchiudo il DIV all'interno del tag <a>???

Grazie

Ciao
Kipper

**kipper** · 04-03-2011, 16:08

Dovrei aver risolto. Qualcuno mi darebbe conferma se sono apposto con eventuale "validazione" del codice?

***************************

<html>

<head>

<style>
#immagine {
background: transparent url(icona_zip.png);
width:100px;
height:115px;

}

.immagine_wrapper {
display:block;
width:100px;
height:115px;

}
</style>

</head>

<body>

<div id="immagine">

</div>

</body>

</html>

********************************

Grazie

Ciao
Kipper

**Mich_** · 07-03-2011, 09:48

Per la validazione, fai meglio a verificare con i sistemi automatici (riferimento tra i "link utili").

Comunque dato che nel codice postato manca il DOCTYPE, non si puo` sapere con quale versione del linguaggio si dovrebbe fare la validazione.

PS: quando posti codice, inseriscilo dentro i tag corretti (ad esempio con il tasto CODE sopra l'area del testo)

**kipper** · 07-03-2011, 15:47

Grazie Mich_

Ok per l'uso del tasto CODE per l'inserimento del codice e molte grazie per la risposta...

Ciao
Kipper

**Davide Arnesano** · 07-03-2011, 16:07

E' molto strano che ti esce il bordino nell'hover.

Prova a mettere semplicemente "border:0;" senza "solid silver" in questo modo:

#div_01 a img {
border:0;
}

Dovrebbe funzionare. Non mi piace come hai stravolto l'html, ti consiglio di ritornare alla prima che avevi fatto e risolvere in questo modo. Io il bordino l'ho sempre eliminato con border:0

Se non funziona mettilo inline all'immagine.

**kipper** · 07-03-2011, 20:28

ok Davide ho rimesso tutto come prima e funziona...

deve essere che avevo impostato in qualche modo il bordo a 1px, boh... sicuramente qualcosa avevo tralasciato... effettivamente il secondo codice usato per un link immagine era una follia!

Grazie a tutti

Ciao
Kipper

Discussione: Problema con immagine linkata

Strumenti discussione

Ricerca discussione

Visualizza

Problema con immagine linkata

Permessi di invio