Bilder zentrieren funktioniert nicht mehr

  • Auf meinem Wordpress Blog funktioniert das !Bilder zentrieren! nicht mehr.

    Ich meine damit, wenn ich ein Bild aus der Mediathek auswähle und es im Artikel einfüge, so ist es in der Schreibansicht zwar zentriert, nicht aber in der Vorschau oder dann im Artikel.

    Mit einem Developer-Tool den Code betrachtet steht da
    <img class="aligncenter size-medium wp-image-826" title="xxx" src="http:/xxx.jpg" alt="" width="300" height="116">

    Alle installierten Plugins habe ich deaktiviert!
    Ich habe wo gelesen, dass es am Theme liegen könnte und "aligncenter" vielleicht nicht definiert ist. Also habe ich folgende Codezeilen am Ende der style.css eingefügt:

    [COLOR=#262626][FONT=Merriweather Sans]img.aligncenter {[/FONT][/COLOR]
    [COLOR=#262626][FONT=Merriweather Sans]display: block;[/FONT][/COLOR]
    [COLOR=#262626][FONT=Merriweather Sans]margin-right: auto;[/FONT][/COLOR]
    [COLOR=#262626][FONT=Merriweather Sans]margin-left: auto;[/FONT][/COLOR]
    [COLOR=#262626][FONT=Merriweather Sans]}

    [/FONT][/COLOR]Hat aber leider auch nicht geholfen. Woher kann das kommen?

    • 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

  • Also was mir häufig auffällt ist, dass ich im iExplorer keinen Zeilenumbruch habe, wo er in Chrome schon ist. Wie kann ich das ändern?

  • Hier hab ich einmal das Problem, dass der Test im Internet Explorer neben dem Bild vorbeiläuft:
    http://top10it.de/windows-screenshots-mit-greenshot/


    Du meinst Text? Tut er bei mir im Firefox auch. Sonst nicht näher begutachtet.

    Und hier das oben beschriebene Problem:
    http://top10it.de/top-10-photoshop-brushes-textures/

    Du hast da eine weitere Definition irgendwo im Stylesheet:

    Code
    .entry-content a img {
        float: left;
        margin-right: 0;
    }


    Ein Bild in einem Link innerhalb der Klasse .entry-content ist eine genauere Definition als ein Bild mit der Klasse .aligncenter, deswegen überschreibt diese Style-Angabe deinen Style für img.aligncenter

    Mit einem Developer-Tool den Code betrachtet steht da […]


    Üben üben üben. Das Developer-Tool sagt dir noch viel mehr … (siehe oben ;-))

    Also was mir häufig auffällt ist, dass ich im iExplorer keinen Zeilenumbruch habe, wo er in Chrome schon ist. Wie kann ich das ändern?


    Können wir vielleicht erstmal das erste Problem mit dem Zentrieren deiner Bilder angehen?

    Wenn du danach immer noch ein Problem mit Zeilenumbrüchen hast, mach dafür bitte einen eigenen Thread auf. Wenn hier alles durcheinander geht, führt das erfahrungsgemäß nicht zu hilfreichen Antworten.

    Gruß
    helix

  • Vielen Dank, das hat mir sehr geholfen!
    Warum wird eigentlich bei dem aktuellen Artikel kein Untertitel beim Bild angezeigt, in den zuvor geschriebenen Beiträgen aber schon?

  • Auch hier wäre ein neuer Thread nützlicher. Und eine genaue Angabe: hier so, dort so.

    Ich habe mir jetzt mal diesen Greenshot-Artikel und den davor mit der Bildschirmhelligkeit geschnappt. Yes, beim einen wird eine Caption mit ausgegeben, beim anderen nicht. Weiterer Unterschied, den ich so „von außen“ feststellen kann: bei der Bildschirmhelligkeit hast du ein ganzes Set von Bildgrößen, beim Greenshot nur eine Größe.

    Vorschlag zur Suche, um den Fehler einzugrenzen: Mach mal einen genauen Vergleich, was du beim letzten Bild anders gemacht hast. Versuche, es genau so zu machen wie bei den Bildern davor: Tritt dann der Fehler immer noch auf? => Dann einen neuen Thread aufmachen mit genauer Beschreibung.

    Gruß
    helix

Jetzt mitmachen!

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