grazie per la risposta!
ok farò come mi indichi.
sto usando firebug per cercare di riprodurre la mappa presente su questo sito: pugliae.com
sto provando con questi codici, html:
codice:
<div class="caption"> <img src="esempio2.jpg" alt="" /> <span> <strong>Lorem ipsum</strong> Lorem ipsum dolor sit amet consectetuer eros vivamus porta interdum venenatis. </span><>
su css:
codice:
.caption { font-family: Verdana, sans-serif; font-size: 10px; float: left; margin: 0; padding: 0; position: relative; overflow: hidden;} .caption img { float: left; margin: 0; padding: 0; background: #fff; border: none;} .caption span { float: left; margin: 0; padding: 10px; width: 100%; color: #dedede; background: #222; /* browser che non supportano rgba */ background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0;} .caption span strong { font-weight: bold; font-size: 11px; text-transform: uppercase; display: block; padding-bottom: 5px;
}
il fatto è che non riesco a sovraporre i link sull'immagine..
vedi allegato.
io vorrei che i link stessero sopra l'immagine, poi li posiziono con calma nelle posizioni che desidero.
ma attualmente non riesco a portarli sopra l'immagine...
sapete suggerirmi come?