Bilder zentiert in Liste

[etuli]

Hi, ich habe eine Seite auf der eine Liste mit Bildern existiert(links neben dem Bild mit dem Sofa):

...:::..wandmode.de..:::... individuelle Auftrags-Kunst

Leider werden die Bilder in der Liste nicht zentriert angezeigt. Kann jemand sagen wie das hinkriegen kann ?

Schöne Grüße

Arne

 

[threadi]

Du müsstest die HTML-Fehler beheben:
[Invalid] Markup Validation of http://wandmode.de/galerie.php - W3C Markup Validator

Dann sieht man aber immernoch nicht, dass Du irgendwo einen Versuch der Zentrierung dieser Bilder unternommen hast. Problematisch ist, dass #pictures #content ein padding von 15px links und rechts hat. Dadurch haben die meisten Bilder gar nicht genug Platz um überhaupt zentriert zu werden. Also solltest Du in #pictures #content padding auf 0 setzen. Danach kannst Du die Bilder per

#pictures #content li img {
 display: block;
 margin: 0 auto;
}

zentrieren. Aber die HTML-Fehler nicht vergessen zu beheben.

 

[etuli]

Vielen Dank Threadi. Ich bin nur ein Css-Laie. Die einzige Möglichkeit zur horizontalen Zentrierung , die ich bisher kannte war das Padding links und rechts auf Auto zu setzen bei einer gegeben Breite des Elementes.Deswegen hatte ich mit Firebug immer so etwas versucht:


#pictures #content li img { padding : 0 auto 0 auto; width: 80px; }

 

[threadi]

Dann solltest Du dir unbedingt die Möglichkeiten der Zentrierung anschauen:
CSS: horizontale und vertikale Zentrierung