Grafik zentrieren

.bild {
  background: url(pfad/zum/bild.endung) center;
}

Dann dem jeweiligen Bereich per class="bild" die Klasse zuweisen und fertig

Für Bilder mit Inhalt über den img-Tag einfach die Zentrierungsanweisung auch in eine Klasse, Hintergrundbild braucht man dann da nicht einbinden.

Gruß

Wenn du kein Hintergrundbild hast, dann zentrierst du, indem du dem Bild (img-Tag) eine Klasse gibst und in diese Klasse die Anweisung zum Zentrieren reinschreibst.

öhm.. ganz spontan würde mir da jetzt nur eine Methode zu Einfallen, die auch klappt.. alles andere, was ich gerade ausgetüfftelt hatte will irgendwie nicht :oops:

img.center {
    display: block;
    margin: 0 auto;
}
// So sollte dann der HTML-Tag aussehen(# sind bei ir Platzhalter):
<img src="Bild-Url#" class="center" width="#" height="#" />

"Nachteil" meiner Methode: Das Bild wir alleine in der Zeile stehen, außer du fügst ein Float hinzu, wenn du das schon kannst(?)

Zitat von "Lauras"

Wenn du kein Hintergrundbild hast, dann zentrierst du, indem du dem Bild (img-Tag) eine Klasse gibst und in diese Klasse die Anweisung zum Zentrieren reinschreibst.

Das hatte ich zuerst auch gedacht, aber das funktioniert irgendwie nicht^^
Zu mindestens der FF weigert sich da

Zitat von "Sarkkan"

Das hatte ich zuerst auch gedacht, aber das funktioniert irgendwie nicht^^
Zu mindestens der FF weigert sich da

Das ist doch genau das, was du da hast?^^

LG

Zitat von "lauras"

Das ist doch genau das, was du da hast?^^

LG

Ach so rum meintest des auch
Hatte jetzt mehr an text-align oder so etwas gedacht gehabt, als ich deinen Beitrag las
Tut mir Leid

Geht ja auch mit text-align: center;

Kommt eben ganz auf die Bedeutung des Bildes an.

Gruss
Elroy

Zitat von "Elroy"

Geht ja auch mit text-align: center;

Kommt eben ganz auf die Bedeutung des Bildes an.

Gruss
Elroy

Hast du das mal ausprobiert? (=

img.center {
    text-align: center;
}

geht nämlich nicht. Wenn müsstest du dem Element um das img herum das text-align: center; geben.

Deswegen habe ich ja auch geschrieben das es auf die Bedeutung des Bildes ankommt.

Ein Bild kann ja durchaus auch eine Überschrift oder ein Absatz sein.
Und das man dann dem <hx> oder <p> das text-align gibt ist klar.

Ist es nur ein Bild ohne jede Bedeutung dann ab damit in den Hintergrund.

Gruss
Elroy