Bilder Ausrichten

dummy

Hallo, nach dem Update auf die aktuelle WP Version kann ich keine Bilder mehr ausrichten. Im Visual - Editor wird das Bild zb. Rechtsbündig ausgerichtet und der Text fließt links um das Bild herum. Aber wenn ich das dann auf der Index Seite betrachte Ist das Bild links über dem Text.

Der Quelltext sieht übrigens so aus.

HTML

<div class="entry">
<p>
<span class="thickbox"><img class="ngg-singlepic ngg-none alignright" style="margin: 10px;" src="...58341.jpg" height="139" width="139"></span>
</p>
<p>Langer Text.</p>
</div>

Wo könnte der Bug drin sein? Die alte Methode Bilder Auszurichten hat übrigens immer funktioniert. Und die vor dem Update geposteten Bilder sind auch immernoch alle richtig ausgerichtet.

HTML

<div class="entry">
<p style="text-align: justify;">
<img class="alignleft alignnone size-medium wp-image-427" style="float: left; margin-left: 0px; margin-right: 10px;" title="wordpress" src="...wordpress.jpg" alt="" height="116" width="108">Langer Text  
</p>
</div><!--/entry -->

Werbepost

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

maxe

Im alten Link sind die style-Vorgaben manuell drin:

Code

[COLOR=Red]style="float: left;[/COLOR] margin-left: 0px; margin-right: 10px;"

Was eigentlich nicht wirklich gut ist.

Die class="alignleft" oder "alignright" sollten die Ausrichtung bestimmen. Ich schätze mal, dass die Definitionen in der style.css deines Themes fehlen:

Code

.alignleft {
    float: left;
    text-align: left;
margin-left: 0px; 
margin-right: 10px;
}


.alignright {
    float: right;
    text-align: right;
margin-left: 10px; 
margin-right: 0px;
}

Alles anzeigen

dummy

Danke, genau das war es :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder Ausrichten

Jetzt mitmachen!