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
R
revant
@revant
0
Reputazione
2
Post
0
Visite al profilo
0
Da chi è seguito
0
Chi segue
User Newbie
Post creati da revant
-
Mappare unimmagine con i CSS
-
Ciao a tutti
Salve a tutti!
Sono venuto a conoscenza di questo forum quasi un anno fa, ma per un motivo o per l'altro non ho pèotuto iscrivermi. Ricapitandovi per caso, ho passato un po' di tempo come visitatore ed infine ho deciso di registrarmi. Complimenti perché è davvero ben fatto
Spero di trovarmi bene, un saluto a tutti ^^