Grafik zentrieren

karibiko

Hey Leute,
ich möchte eine Grafik auf meiner Seite gerne zentrieren, also das sie in der mitte ist, aber wie mache ich das?

LG teresa

Basi

Code

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

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

lauras

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

Gruß

karibiko

Zitat von "Basiii"
Code
.bild {
  background: url(pfad/zum/bild.endung) center;
}
Dann dem jeweiligen Bereich per class="bild" die Klasse zuweisen und fertig

ich meinte nicht ein hintergrund bild sondern eine normale grafik und nun?

karibiko

tut mir leid: hä?

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.

karibiko

html befehl? :oops: so gut bin ich auch nicht im html'n! bitte!

Sarkkan

ö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:

Code

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

karibiko

daaaaaanke es hat geklappt. endlich jetzt arbeite ich auch weiter.

lauras

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

Sarkkan

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

Elroy

Geht ja auch mit text-align: center;

Kommt eben ganz auf die Bedeutung des Bildes an.

Gruss
Elroy

Sarkkan

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? (=

Code

img.center {
    text-align: center;
}

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

Elroy

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

Jetzt mitmachen!