link con div

**roBBerto** · 04-09-2009, 15:55

Ciao a tutti!!
premessa: sono alla mia prima esperienza con i css
detto ciò vi porgo il mio quesito:
Come faccio ad assegnare un link ad una immagine contenuta in un div?

Vi riporto qui sotto il codice
Grazie!!!
roBBerto

<body>
<div id="container">
<DIV STYLE="position:absolute; top:345px; right:200px; width:350px; height:120px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/logo.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:50px; width:215px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_1.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:267px; width:100px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_2.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:369px; width:195px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_3.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:566px; width:215px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_4.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:783px; width:95px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_5.gif)">

</DIV>
<DIV STYLE="position:absolute; top:200px; left:880px; right:100px; width:190px; height:145px; border-width: 0 1px;
border-style:solid;
border-color: #fff; background-image:
url(images/index_6.gif)">

</DIV>
</div>

</body>
</html>

**fcaldera** · 04-09-2009, 16:01

togli l'immagine dallo sfondo e ponila in primo piano, ad es,

<div style="...">
[img]images/logo.gif[/img]
</div>

**roBBerto** · 04-09-2009, 16:21

Funziona!!!
Grazie 1000!!!
ma mi è sorto un altro problema!
come faccio a togliere il bordo violaa che mi si è creato attorno alle immagini??
roBBerto

**fcaldera** · 04-09-2009, 18:07

usi una regola css che azzera il bordo delle immagini linkate

a img {
border : 0;
}

**roBBerto** · 04-09-2009, 18:15

non posso!
nel senso che mi servono i bordi delle immagini,
cercando sul forum ho trovato questo

<style type="text/css">
a {color: #FFFFFF; text-decoration: none; }
a:link {color: #FFFFFF; text-decoration: none; }
a:visited {color: #FFFFFF; text-decoration: none; }
a:hover {color: red; text-decoration: none; }
</style>

se indico i vari colori uguale a quello dello sfondo il risultato è il medesimo?
dove devo inserire questa regola?

Grazie!!!
roBBerto

**elenagb** · 04-09-2009, 18:43

Se ti può essere d'aiuto io ho fatto così :

#nome div a img {
border: 1px solid #000000;
}

#nome div a:visited img {
border: 1px solid #000000;
}

#nome div a:hover img {border: 1px solid #cccccc;
}

e non compare nessun bordo viola. Sono anche io alle prime armi e sono
sicura che qualcuno saprà risponderti meglio di me.

Discussione: link con div

Strumenti discussione

Ricerca discussione

Visualizza

link con div

Permessi di invio