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

  1. HTML-Seminar.de - Forum für HTML, CSS und PHP
  2. Forum
  3. Themenbereiche
  4. 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 &quot;Lauras&quot;

    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 &quot;Sarkkan&quot;

    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 &quot;lauras&quot;

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

    LG

    Ach so rum meintest des auch :DHatte 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 &quot;Elroy&quot;

    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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.

Từ khóa » Html Grafik Zentrieren