• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

positionierung von Elementen

Status
Für weitere Antworten geschlossen.

ixam

Neues Mitglied
[geloest]positionierung von Elementen

Hallo,
ich habe folgendes problem:
Ich möchte ein Bild über ein anderes poritionieren:
Code:
<img src="./styles/img/0che.jpg" border="0" />
<div style="position:absolute; top:30%; right:50%; z-index:1"><img src="./style/img/$agz.png" border="0"/></div>
<div style="position:absolute; top:30%; right:30%; z-index:1"><img src="./styles/img/$sagz.png" border="0" /></div>
Jetzt verändert sich aber logischerweise die Positionen der zwei png's mit der Bildschirmgröße. Sie verlassen sogar das bild 0.jpg. Und genau das ist das problem. Ich möchte die png's immer über 0.jpg haben, egal welche Größe der Bildschirm hat.
Wie kann ich den png's "feste" Positionen geben?
Danke schonmal für eure Antworten
Grüße
ixam
 
Zuletzt bearbeitet:
Gib doch einfach px oder em (oder mit welcher Maßeinheit auch immer du sonst arbeitest) statt % an... Oder habe ich da jetzt was falsch verstanden?
 
hi.
also des mit den divs solltest du dir abgewöhnen.
du kannst auch anderen elementen styles zuweisen!
Code:
<div style="position: relative; background-image: url(./styles/img/0che.jpg)">
   <img style="position:absolute; top:30%; right:50%; z-index:1" src="./style/img/$agz.png" border="0"/>
   <img style="position:absolute; top:30%; right:30%; z-index:1" src="./styles/img/$sagz.png" border="0" />
</div>
Ich kanns grad nicht testen, aber so in etwa solltes du die bilder absolut innerhalb des divs positionieren können. wichtig dabei ist dass das div eine postion: xxx; hat!
Gruß KY
 
Müssten nicht die letzten beiden Images mit position:relative versehen und dann um die Größe des ersten Images nach oben und links verschoben werden? Heißt nicht position:relative Positionierung relativ zu dem Punkt, an dem das Element normalerweise stehen würde?
 
Wenn das erste Bild nicht verlinkt werden soll, kann man es natürlich auch als Hintergrundbild von mir aus des div- oder sonst irgendeines Elementes nehmen und die beiden anderen Bilder in diesem Element positionieren.
 
Danke für deine Antwort ky_fr34k. Der Code leuchtet mir ein, aber trotzdem funktioniert es nicht, denn jetzt wird überhaupt nichts mehr angezeigt. :?:
Kann das mit dem, was Efchen meint etwas zu tun zu haben?
@efchen: ich habe es so ohne erfolg probiert
@ky_fr34k: Danke, dass wusste ich nicht. Ich werde mir das natürlich sofort abgewöhnene
Grüße
ixam
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben