Bild und Text in Spalten anzeigen

Moin!

Ich möchte in Posts gerne links ein Bild und den Text rechts davon platzieren. Dabei soll Text, der länger ist als das Bild hoch ist, nicht unter dem Bild weiter laufen, sondern sozusagen in seiner Spalte bleiben (quasi links Bild-, rechts Textspalte).

Das CSS dafür ist mir in etwa klar (s.u.), nur stehe ich vor dem Problem, dass mir WP beim Einfügen eines Bildes in einen Beitrag, das Bild immer mit in den ersten p-Tag schreibt (auch wenn der Cursor beim Einfügen vor dem Beitrags-Text in einer leeren Zeile steht).

Und im Text-Modus sehe ich diese Verschachtelung nicht, kann sie deshalb auch nicht händisch korrigieren. Frage ist also, wie kann ich den kompletten HTML-Code in der Eingabemaske sichtbar machen bzw. wie bekomme ich Bilder so in Beiträge eingebunden, ohne dass WP mir die Bilder ins p-Tag schreibt?

Hier der CSS-Code, der so eben nicht funktioniert:

.entry_teaser img {    max-width: 30%;    float: left;}


.entry_teaser p {    max-width: 70%;    float: right;    text-align: left;}

Thanks in advance
elgaucho

Hi formateins!

Erstmal danke für Deine schnelle Antwort!

Zitat von formateins

Das änderst Du in der style.css Deines Themes.

Ja, is klar.

Zitat von formateins

[COLOR=#333333]Ohne Link keine direkte Hilfe.[/COLOR]

O.k. – Leider muss ich zunächst offline arbeiten – werde versuchen, Deinen Hinweis aber für weitere Forumsanfragen zu beherzigen.

Zitat von formateins

Grundsätzlich solltest Du im CSS die floats entfernen.

Hm.

Zitat von formateins

Allgemein gibt es auch Shortcodes für ein Spaltenlayout (Columns) via Plugin.

Ja, da werde ich mal stöbern!

Zitat von formateins

Alternativ kannst Du auch eine eigene CSS-Klasse erstellen und diese dann manuell dem Bild jeweils zuordnen (Erweitert).

Auch klar, aber das löst noch nicht das Problem, dass - egal ob im Visuell- oder Text-Modus – eingefügte Bilder immer(!) innerhalb eines p-Tags stehen.

Ich hatte gehofft, ich könnte irgendwo z.B. im Textmodus richtigen HTML-Code aktivieren. Um dann das img und die p’s separat ansprechen zu können. Aber soweit ich das mitbekommen habe, ist das aus Sicherungsgründen deaktiviert – und eben auch nicht eben mal so wieder zu aktivieren. Oder doch via Plugin?

Hi formateins,

Zitat von formateins

Die Funktion nennt sich wpautop und kann bspw. über die wp-config.php oder im Rahmen Deines Themes deaktiviert werden. Aber Obacht: ohne macht das nicht wirklich Spaß...

Danke für die Info. Ich hatte auf texto schon mal was drüber gelesen. Werde wpautop aber auch nicht deaktivieren, denn für den Kunden ist es sicher übersichtlicher so.

Zitat von formateins

Ohne Link keine direkte Hilfe.

Hier der Link http://www.jochenhoewel.de/wp/kunst

Zitat von formateins

Auf den ersten Blick fehlt dem Bild ein Wrapper. Es sollte in einem DIV liegen, der entsprechend ausgerichtet wird (float:left). Dann fließt der Text auch nicht unter das Bild.

Ähm – warum denn ein Wrapper? Ich bekomme das Bild schon angesprochen über mein oben genanntes CSS. Nur führt das float eben auch nicht dazu, dass auch unten(!) frei bleibt – was ja im Allgemeinen auch der Job von Floats ist, oder? http://de.selfhtml.org/css/eigenschaften/anzeige/float.htm