Hey Leute,
ich möchte 2 Bilder untereinander haben. Dazu hab ich den Bildern die
CSS Eigenschaft position: absolute gegeben. Aber wie soll ich die dann noch zentrieren?
Leute, hat sich erledigt 
2 Bilder untereinander und zentriert
-
Für diejenigen, die es dennoch interessiert:
Dem entsprechenden <div>-Block oder <p>-Absatz in dem die Bilder enthalten sind, die Eigenschaft "text-align:center;" vergeben.
Da Bilder (<img>) Inline-Elemente sind, kann man denen keine Ausrichtungs-Attribute zuweisen.
Bzw. könnte man schon, aber die bleiben dann ohne Funktion.
-
- Offizieller Beitrag
Hallo,
eigentlich macht es in den meisten Fällen mehr Sinn, den DIV's eine feste Größe ( die des enthaltenen Bildes ) zu geben und bei position:relative; einfach nur margin:0 auto; zu verwenden.
Mit den Werten für oben und unten kann man spielen, wichtig ist, daß links und rechts auto sind. Mit display:block; werden die dann auch untereinander angezeigt. position:absolute; benötigt man für sowas i.d.R. nicht.Gruß Arne
EDIT:
ZitatDa Bilder (<img>) Inline-Elemente sind, kann man denen keine Ausrichtungs-Attribute zuweisen.
Bzw. könnte man schon, aber die bleiben dann ohne Funktion.Sicher?!
Probier das mal:HTML<img src="deinbild.jpg">CodeIMG { display:block; width:100px; position:relative; margin:0 auto; }
Die 100px musst Du natürlich auf die Breite des Bildes anpassen, aber ansonsten funktioniert das so auch direkt auf Bildern.Die CSS-Darstellungen der Elemente sind nur Vorgabewerte ( und werden z.T. Browser abhängig interpretiert ), die Du fast alle jederzeit auf Deine Wünsche anpassen kannst.
-
Ja. Das hatte ich so noch nicht ausprobiert.
Denke entscheidend hierfür ist dann das display:block; , wodurch dann tatsächlich das Inline-Element zu einem Block-Element umgewandelt wird.
-
- Offizieller Beitrag
Hallo,
Ja, man kann dem Bild aber auch jede andere Display-Eigenschaft zuweisen, wie bspw. inline-block;
In dem Fall aus #3 ist das block halt gewählt, weil es eine weitere Anforderung war, die Bilder untereinander anzuzeigen.Gruß Arne