Bilder Zentrieren!

[cille]

Hi ho,
mein Problem ist, dass ich es nicht gebacken kriege meine Bilder zu Zentrieren
hab schon alles versucht womit ich mich ein bissle auskenne.
Aber nichts half,
vielleicht habt Ihr ja eine Idee:

Hier der HTML-Code:

<div class="galerie">
	<ul>
		<li><img src="show/bilder/fotografik/vorschau/01.jpg" alt="" width="201" height="100" /><br />01</li>
		<li><img src="show/bilder/fotografik/vorschau/02.jpg" alt="" width="187" height="100" /><br />02</li>
		<li><img src="show/bilder/fotografik/vorschau/03.jpg" alt="" width="187" height="100" /><br />03</li>
	</ul>
	<ul>
		<li><img src="show/bilder/fotografik/vorschau/04.jpg" alt="" width="186" height="100" /><br />04</li>
		<li><img src="show/bilder/fotografik/vorschau/05.jpg" alt="" width="59" height="100" /><br />05</li>
		<li><img src="show/bilder/fotografik/vorschau/06.jpg" alt="" width="187" height="100" /><br />06</li>
		<li><img src="show/bilder/fotografik/vorschau/07.jpg" alt="" width="187" height="100" /><br />07</li>
	</ul>
</div>

Und hier der CSS Code:

.galerie {
	margin-top: 10px;
}
.galerie ul {
	clear: both;
}
.galerie li {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	float: left;
	margin-left: 10px;
	text-align: center;
}
.galerie img {
	border: 3px solid #ffffff;
	
}

Würde mich riesig freuen.

Mfg,
cille

 

[Maik]

Bedingt durch die float-Eigenschaft, musst du den beiden Listenelementen ul die entsprechende Breite zuweisen, die sich aus der Summe der einzelnen Bilderbreiten plus dem Rahmen und linken Außenabstand ergibt, um sie dann mit margin:0 auto innerhalb des DIVs horizontal zentrieren zu können.

 

[cille]

ui ui ui,
da muss man ja viel machen .
Ich schreib mal moren ob ich des gebacken kriege

 

[Maik]

Rechnen, sprich addieren, wirst du ja noch können, oder? ;-]