Grafik Zentrieren - Forum Für HTML, CSS Und PHP

Có thể bạn quan tâm

HTML-Seminar.de - Forum für HTML, CSS und PHP
Forum
Themenbereiche
CSS & CSS3

karibiko Anfänger
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 Wachhund Reaktionen 8 Code .bild { background: url(pfad/zum/bild.endung) center; }
Dann dem jeweiligen Bereich per class="bild" die Klasse zuweisen und fertig
lauras Juniorchef Reaktionen 2
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 Anfänger
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 Anfänger
tut mir leid: hä?
lauras Juniorchef Reaktionen 2
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 Anfänger
html befehl? :oops: so gut bin ich auch nicht im html'n! bitte!
Sarkkan Profi Reaktionen 1
ö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 Anfänger
daaaaaanke es hat geklappt. endlich jetzt arbeite ich auch weiter.
lauras Juniorchef Reaktionen 2
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 Profi Reaktionen 1
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 Schüler
Geht ja auch mit text-align: center;
Kommt eben ganz auf die Bedeutung des Bildes an.
GrussElroy
Sarkkan Profi Reaktionen 1
Zitat von "Elroy"
Geht ja auch mit text-align: center;

Kommt eben ganz auf die Bedeutung des Bildes an.

GrussElroy

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 Schüler
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.
GrussElroy