Tabelle zentrieren

[Hsmblada]

Hey Leute,

ich bin kein wirklicher Profi im Erstellen von Websiten, habe aber mit dem bisschen Wissen aus der Schule und ein paar Behelfsprogrammen mir folgende Seite zusammengebastelt, genauer gesagt geht es um genau diese hier: Exceptional - Band
Ich habe nun folgendes Problem. Zuerst hatte ich diese 3 Bilder schön zentriert mit etwas Abstand zwischen ihnen auf der Website, als ich jedoch ein viertes hinzugefügt habe, ist das Ganze nicht mehr in der Mitte der Website, wie es das vorher war. Und ich bekomme es einfach nicht hin, diese vier Bilder als ein Gesamtes zentriert im Browser anzeigen zu lassen, vielleicht könnt ihr mir ja weiterhelfen?

LG,
Hsmbalda

 

[devilseye]

Dein Wrapper ist 922px breit

Dein Content ist 900px breit

Deine Bilder sind jeweils 250px breit

Dazu kommen noch das Padding des Content

Wer Rechnen kann ist klar im Vorteil

 

[Hsmblada]

Danke für die Antwort, das hat mir schon sehr geholfen. Ein Problem habe ich jetzt allerdings noch. Wie kann ich den Abstand zwischen den Bildern verringern? "margin" ist in der .css Datei ja bereits auf 0 Pixel gestellt und im Tag der Tabelle selbst ist auch nichts entsprechendes zu finden.

Edit: Okay, durch das Verringern der Breites des Content ist der Abstand automatisch kleiner geworden. Ist zwar nicht der Lösungsweg, den ich mir vorgestellt hatte, aber das Ergebnis ist das selbe.

 

[devilseye]

Ich würde keinen Abstand zwischen den Bildern machen sieht super aus so.
Ausserdem brauchst du keine Tabelle für die Darstellung von vier Bildern ne-
beneinander. einfach

<img></img>
<img></img>
<img></img>
<img></img>

 

[Hsmblada]

So wie's jetzt ist, oder wie? Ich dachte mir außerdem, dass mit der Tabelle wäre "sicherer", von wegen Anzeige in verschiedenen Browsern und so. Außerdem wollte ich vermeiden, dass, wenn das Browserfenster nicht breit genug ist, um alle Bilder nebeneinander anzeigen zu können, die Bilder nicht nach unten in eine neue Zeile gerückt werden würden.

 

[Elroy]

Hallo.

Zeichne deine Bilder als Liste aus.
Stelle sie mit display: inline nebeneinander.

Gib deiner Liste eine Weite.

So wird nichts untereinander gerückt und es ist semantisch richtig ausgezeichnet.
Auf diese Weise kannst du auch genau bestimmen ob und wieviel Abstand zwischen den Bildern sein soll.

Gruss
Elroy