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

Position:absolute mit horizontaler Liste

nvidia3

Neues Mitglied
Hallo,
ich möchte Bilder in einer horizontalen Reihe anordnen und absolut positionieren.
Nur leider wird nach der absoluten Positionierung die Eigenschaft display:inline; ignoriert.
Hier mein Code, hab das auch mit Listen(ul/li) getestet: funktioniert auch nicht.
Code:
	<style>
	.class1 {position:absolute;bottom:0px;right:50%;left:50%;}
	a {display:inline;}
	</style>
<body>
	<div class="class1">
			<a><img src="img.png"/></a>
			<a><img src="img2.png"/></a>
		</div>
	</body>
//Edit das muss irgentwie mit dem right:50% und dem left:50% zusammenhängen
Also nur mit left:50% ist die Liste wieder horizontal, aber ich wollte sie mittig haben.

!****
Lösung.
Man nimmt einen table positioniert den ganz unten mit position:absolute und macht text-align:center;
 
Zuletzt bearbeitet:
Werbung:
Die absolute Positionierung ist überhaupt nicht notwendig. Wenn Du die weg lässt funktioniert das auch.

Btw. ist das ein CSS- und kein HTML-Thema. Habe es daher in den richtigen Bereich verschoben.
 
Zurück
Oben