CSS in zemljevid

3 naročniki

Pozdravljeni vsi skupaj. Ker sem se odločil narediti novi projekt, vas prosim za nasvet. Imam sliko ( Slovenije ) v gif formatu ( slika je gibajoča ), sedaj pa bi rad naredil tako, da bi bila ena slika v ozadju druga pa v ospredju. Ali se to da narediti s css ali bi moral uporabiti kaj drugega?

da se narediti.
Ena možnost je, da daš eno kot background drugo kot image.
Druga možnost je, da eni dodaš position relative, drugi pa absolute.
Tretja možnost pa je da daš obe position: absolute, ter z z-index nastaviš, katera je zgoraj...

ce zelis imeti layerje, moras imeti locene slike... in potem se to dela v CSSju, seveda

najbolje da imas potem HTML tako:

<div class="map_container">
    <div id="map1" class="map"></div>
    <div id="map2" class="map"></div>
</div>

kjer pol v CSSju naredis

.map_container{
    position:relative;
}
.map{
    width: 350px;
    height:200px;
    position: absolute;
    top: 0; left: 0;
}

#map1{
    background: url(/pot/do/slike1.gif) no-repeat;
}
#map2{
    background: url(/pot/do/slike2.gif) no-repeat;
}

Aha :) najlepša hvala obema za pomoč bom poskusil, če se pa kaj zatakne se pa slišmo ;)

Se opravičujem za 2 posta vendar sem se vam hotel še enkrat zahvaliti, saj mi zadeva deluje tako kot je potrebno. Seveda zaradi vaše pomoči. Še enkrat hvala :D