kostenloser Webspace werbefrei: lima-city

CSS - Karte / Zwei Bilder übereinander

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   g********e

   19:12, 21.4.2013

   Hey,
   ich habe mir eine Karte aus mehreren Bildern erstellt ( wie Grass, Baum, Wasser, etc.) und möchte dort jetzt Objekte wie Haus, Soldat, etc. drauf platzieren.
   
   Wie kriege ich das jetzt hin?
   
   Ich habe es mit position:absolute; ausprobiert, aber dann habe ich alle Bilder links kleben.
   
   Ich sollte vielleicht noch dazu sagen das ich keine Tabelle habe sondern alle Bilder nebeneinander und am ende immer ein Zeilenumbruch gemacht habe.
   
   LG
   Michael
   
   Beitrag zuletzt geändert: 21.4.2013 19:26:27 von giga-score

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hc-tools

   

   hc-tools hat kostenlosen Webspace.

   19:14, 21.4.2013

   Ich denke, dass http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index z-index das ist, was du suchst.
4. Autor dieses Themas

   g********e

   19:26, 21.4.2013

   Hey,
   kurz nach dem ich hier das geschrieben habe bin ich auf eine Idee gekommen ^^
   
   ja mit dem z-index hatte ich schon vorher ausprobiert aber dann habe ich gerade um jedes einzelnes ein <a><img hintergrund><img vordergrund></a> gemacht und dann hat das auch mit der absoluten und relativen Positionierung so funktioniert wie ich wollte.
   Hier noch das CSS:
   

   div.map img.hinten
   {
   	width: 32px;
   	height: 32px;
   	z-index: 50;
   	position: absolute;
   }
   div.map img.vorne
   {
   	width: 32px;
   	height: 32px;
   	z-index: 51;
   	position: relative;
   }

   
   
   Danke trotzdem =D
   
   LG
   Michael

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?