Bild zentrieren geht nicht

  • Hallo zusammen,

    vielleicht nur ein kleines Problem aber ich finde die Lösung nicht.

    Ich habe auf meiner Seite http://www.rund-ums-rad.info das Theme "gloriusday"

    Wenn ich jetzt ein Bild über "Bild hinzufügen" einsetze und dies zentrieren will, dann ist es immer noch auf der linken Seite.
    Obwohl im Code "center" drinne ist

    Hier der Code:

    PHP
    [caption id="" align="aligncenter" width="400" caption="Dirtbike von Votec"]<img alt="Dirtbike von Votec" src="/wp-content/images/radtypen/dirtbike-votec.jpg" width="400" height="335" />[/caption]

    Hab allerding in der style.css lediglich für img right und img left Anweisungen drin.

    Muss ich da in der style.css was einfügen...???

    Merci

    Lefdi

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • du musst aligncenter noch formatieren:

    Code
    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • hi maxe,

    vielen dank, hat prima geklappt.
    wurde wohl vom programmierer vergessen, oder er hat es nie gebraucht...

    merci nochmals

    lefdi

  • Hallo, bei mir sieht der Code so aus:

    /* Text and Image Alignment */
    img.alignleft, .left { float: left; }

    img.alignright, .right { float: right; }

    .alignleft { text-align: left; }

    .alignright { text-align: right; }

    .aligncenter, img.centered, .center { text-align: center; }

    We ´nn ich ein Bild zentriere, wird es trotzdem links angezeigt. Kann jemand helfen?

    Vielen Dank
    Jennifer

  • Hallo Jennifer,

    übernimm doch mal den Code von maxe wie er ihn mir geschrieben hat.

    Vielleicht klappt es dann...?

    Grüße

    Lefdi

  • Hallo, das wollte ich auch. Aber was muss ich in meinem Code dafür rausnehmen? Oder an welcher Stelle muss ich es dzu nehmen? So sieht es bei mir aus:

    /* Text and Image Alignment */
    img.alignleft, .left { float: left; }

    img.alignright, .right { float: right; }

    .alignleft { text-align: left; }

    .alignright { text-align: right; }

    .aligncenter, img.centered, .center { text-align: center; }

    Vielen DANK schon mal!

  • Code
    .aligncenter, img.centered, .center { 
    text-align: center; 
    [COLOR=Red]display: block;
    margin-left: auto;
    margin-right: auto;[/COLOR]
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Code
    .aligncenter, img.centered, .center { 
    text-align: center; 
    [COLOR=Red]display: block;
    margin-left: auto;
    margin-right: auto;[/COLOR]
    }

    habe den bei mir eingefügt (style.css): kein Erfolg!

    siehe http://www.deutschland-debatte.de, Beipiel: das Bild in http://www.deutschland-debatte.de/2009/09/24/mer…e-schwaetzerin/ müsste mittig sein; Hinweis: in Schreibfeld von WP ist das Bild unter "Grafisch" mittig, nicht jedoch in der Blogdarstellung.

  • Könnte jemand mal nachsehen ... Bild zentrieren

    ich suche immer noch nach einer möglichen Fehlerquelle. Alles hier durchgesucht und probiert. Leider ohne Erfolg.

  • bei dir sollte es so klappen:
    [COLOR=Black]

    Code
    [/COLOR][COLOR=Black][COLOR=Red]#inhalt .post img[/COLOR].aligncenter { [/COLOR]
    text-align: center; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • hatte ich dir nicht bereits schon geantwortet?
    Und bitte nicht per PN drängeln, okay?

    bei dir sollte es so klappen:

    Code
    [COLOR=Black][COLOR=Red]#inhalt .post img[/COLOR].aligncenter { [/COLOR]
    text-align: center; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • bei dir sollte es so klappen:

    Code
    [COLOR=Black][COLOR=Red]#inhalt .post img[/COLOR].aligncenter { [/COLOR]
    text-align: center; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    Maxe, leider nicht, eingefügt, Beitrag: http://www.deutschland-debatte.de/2009/10/25/rea…gen-impfkritik/

    Bild:
    <strong>Bitte hier zeichnen:</strong>
    <p style="text-align: center;"><a href="http://www.aerzte-ueber-impfen.org"><img class="size-full wp-image-7794 aligncenter" title="Impfwahn stoppen - kein Berufsverbot für Aufklärung" src="http://www.deutschland-debatte.de/wp-content/upl…ur-petition.jpg" alt="Impfwahn stoppen - kein Berufsverbot für Aufklärung" /></a></p>

    Das Bild wird nicht zentriert dargestellt.

  • Datenverarbeitung & Co

    Maxe: es geht nun doch. Hatte vielleicht nur den Catche gesehen ...

    Ich danke Dir .... Die Leut hier sind einfach Klasse!

  • bild

    hallo alles zusammen!


    habe fast das slebe problem wie die davor!

    am besten ihr schaut euch mal mein blog an!

    http://www.monkeybreaks.com/wordpress/

    kleinere bilder sind zwar zentriert aber sobal ich größere einfüge hängt es leicht rechts! hab schon soviel ausprobiert im style sheet hat aber alles nichts geholfen!

    vlt kann mir jemand von euch helfen!


    lg patrick

  • das Bild ist mit 600px zu breit, da der Content ja nur eine Breite von 598px hat.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Sorry, ich packs einfach nicht, die Bilder rücken immer nach links. Dabei hat es zwischendurch funktioniert! So sieht mein css aus:

    Und das ist die betreffende Seite: http://u00957910010.user.hosting-agency.de/wp-gemeinden/wordpress/konzerte

Jetzt mitmachen!

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