link dentro un div

link dentro un div postato il 26/10/2015 18:38:07 nel forum programmazione, open source e hosting

ho messo questo link dentro un div ma non mi diventa cliccabile...cosa sbaglio?

<div class="box_centrale_mappa">
<div style="position:absolute;top:400px;left:10px;"><a href="../main.php?page=mappaclick&map_id=4"><img src="/themes/atlantis/imgs/sx.png"></a></div>
<div style="position:absolute;top:400px;right:10px;"><a href="../main.php?page=mappaclick&map_id=8"><img src="/themes/atlantis/imgs/dx.png"></a></div>
</div>

26/10/2015 19:48:34

Può dipendere da tante cose.
Che cosa prevede la classe del div principale?

Kasa.

27/10/2015 10:08:31

.box_centrale_mappa
{
position: absolute;
background-image: url(/themes/atlantis/imgs/maps_atlantis.png);
top: 173px;
right:77px;
width:710px;
height:450px;

}

27/10/2015 10:12:32 e modificato da kasa il 27/10/2015 10:13:15

Ok...
Aggiungi alla coda dello style dei due div interni il seguente attributo:

z-index: 1;

In questo modo, saranno perfettamente cliccabili.
Gioca su questo attributo, poichè permettere di mettere un qualsiasi div, contenitore ed immagine su di un piano superiore rispetto a quello principale, o in cui è contenuto.

In questo caso:

<div class="box_centrale_mappa">
<div style="position:absolute;top:400px;left:10px;z-index: 1;"><a href="../main.php?page=mappaclick&map_id=4"><img src="/themes/atlantis/imgs/sx.png"></a></div>
<div style="position:absolute;top:400px;right:10px;z-index: 1;"><a href="../main.php?page=mappaclick&map_id=8"><img src="/themes/atlantis/imgs/dx.png"></a></div>
</div>

Kasa.

27/10/2015 11:59:59

perfetto funziona, grazie mille.