- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Mappare unimmagine con i CSS
-
Mappare unimmagine con i CSS
Sto avendo un problema con la mappatura di un'immagine via css.
Come si può vedere qui (revants.altervista.org/VC/index.html), sto utilizzando tale codice:
[html]#logo {
position: relative;
background: url(img/logo.png) no-repeat center;
height: 500px;
weight: 335px;
margin-top: 8px;
}
#logo li {
display: block;
position: absolute;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#link {
width:61px;
height:122px;
top:196px;
left:107px;
}
a {
display: block;
width: 100%;
height: 100%;
}[/html][html]<div id="logo">
<ul id="logo">
<li id="forum"><a href="#" title="Forum"></a></li>
<li id="site"><a href="#" title="Il Viaggiatore Curioso"></a></li>
</ul>
</div>[/html]Ora, il codice in sè funziona, tuttavia l'immagine di sfondo al id logo ha la prorietà center, cosa che non accade per il link mappato, che quindi si trova spostato a sinistra (per capirci, dove dovrebbe trovarsi l'immagine se non avesse l'attributo center). Sarebbe alquanto sconveniente utilizzare posizioni assolute o simili, poiché non si adatterebbe alle varie risoluzioni.
In sostanza qualcuno sa come potrei risolvere tale problema? Grazie in anticipo