Probleme mit Formatierung (WYSIWYG & Code Editor)

Hi!

Noch immer plage ich mich mit dem Problem herum, dass ich Bilder nur sehr umständlich hinzufügen kann, doch leider ist das nicht das einzige Problem das ich habe.

Wenn ich die Bilder hinzufüge (mal Links, mal Rechts, mal Mittig) dann klappt "das" zwar grundsätzlich, aber nicht so wie gewünscht. Ich wollte eigentlich ganz gerne, dass der Text dann auf der jeweils freien Seite des Bildes ist und nicht über die gesamte Größe des Bilder Leere.

Wenn ich auf den WYSIWYG Editor umschalte (der mir ja eigentlich GENAU anzeigen sollte wie es hinterher aussieht) dann sieht es für Links/Rechts auch 100%ig korrekt aus (zumal er große Abstände bei den Absätzen hat).
Wenn ich dann aber auf Vorschau gehe (oder den Artikel poste), sind die Absätze winzig (für meinen Geschmack viel zu klein) und die Bilder stehen wieder für sich alleine ohne Text auf der Seite.
Das das mittig nicht geht liegt wohl am IMG Tag das er dafür braucht, damit hab ich wenig Probleme, auf mittige Bilder kann ich verzichten. Aber die Bilder GAR NICHT in den Text einfliessen lassen nervt gewaltig. Ebenso löscht mir der Editor zwar keinen per Hand gesetzten <p>, <br>, <br /> oder <p> </p> Tag, beachten tut er sie nach dem Posten aber auch nicht weiter. Egal wieviele dieser Tags ich nutze, er macht einfach Absätze wo ich welche mache und zwar immer genau gleiche und ignoriert alles andere (selbst eine extra Zeile mit dem &nbsp wird ignoriert.)

Ich nutze WordPress 2.5.1.
URL meines Blogs: Foolx.de
Fehlerzusammenfassung: 1. Kein Fließtext bei Bildern obwohl er beim WYSIWYG Editor angezeigt wird
2. Keine Zeilenumbrüche, EGAL was ich mache.

Danke für eure Hilfe!

Hi

Danke schonmal für die bisherigen Antworten ;)

Okay, das mit dem Stylesheet kann ich nachvollziehen, aber warum zeigt der Editor das dann richtig an, also so wie es gewünscht wäre? Und wo kann ich die korrekten Einstellungen (aus dem Editor) herauskopieren und in mein Stylesheet einfügen?

Könnte sich das Problem evtl mit nem anderem Theme erledigen oder hat das keinen Einfluss?
Nutze derzeit das standarttheme das von WordPress 2.5.1 mitgeliefert wird.

Danke für eure Hilfe!

Das hat zum Teil wunderbar geklappt.
Nachdem ich das (und das entsprechende für Right) eingefügt habe, passierte erstmal nichts. Nach nem Zwangsneuladen via ALT+F5 dann aber!
Er zeigte mir den Artikel (fast) so wie ich ihn wollte. Die Abstände zwischen Absätzen sind noch immer zu klein, aber der Fließtext wurde angezeigt ... nur leider ohne die entsprechenden Bilder oO
Sprich: Der Platz wurde nun frei gelassen, der Text umfliest auch so wie es soll (also wie im Editor), nur leider werden die Bilder nicht mehr angezeigt (man kann aber in die leere klicken und das original aufrufen).

Auch ist die Bildunterschrift nicht darunter, sondern Links daneben, wo sie eigentlich gar nichts zu suchen hätte. ..

Aber schonmal besser als vorher (bis auf das mit den fehlenden Thumbnails)

-----------------------------------------
Ergänzung:
Die Änderung wirkt sich naturgemäß auf alle Beiträge aus, demnach könnt ihr hier sehen wie es nun aussieht (zwar mit Fließtext, aber ohne Bild)
Foolx.de - Blog » Blog Archive » Meine Festung! - DF Statusbericht #1

folgender Text ist für das erste Bild im Editor:
<div class="imageframe alignleft" style="width: 200px;"><a title="Weltkarte" href="http://www.foolx.de/blog/wp-conten…05/00-world.png" target="_blank"><img class="attachment wp-att-100" src="http://www.foolx.de/blog/wp-conten…d.thumbnail.png" alt="Meine Weltkarte" width="200" height="150" /></a></div>
<div class="imagecaption">Weltkarte</div>

Hoffe da erkennt jemand gleich woran es liegt das er nun zwar Float macht, aber keine Bilder mehr anzeigt.

Danke!

Zitat von Ammaletu

Was die Absätze betrifft: Such Dir mal Zeile 84 Deines Stylesheets raus. Da ist folgendes definiert:

Code

p {
    font: 11px/13px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}

Daraus könntest Du z.B. das hier machen:

Code

p {
    font: 11px/13px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}
 
.entry p, .comment p {
  margin-bottom: 0.75em;
}

Habe ich gerade eingefügt, sehe nur leider keinen Unterschied zu vorher.
Leider bin ich "hier" gezwungen den IE 6 zu benutzen. Evtl liegt es auch einfach daran.
Das "verrutschen" liegt evtl eher daran, dass ich das nicht entsprechend ordentlich formatiert habe, da mir das mit den Bildern selbst gerade wichtiger erschien ;)

Was ich halt auch vermisse sind die Bildunterschriften.
Ich habe das "Flexible Uploads" mal wieder deaktiviert und ein Bild dann mit dem Original hinzugefügt. Da nutzt er dann nicht mehr dieses DIV Zeug sondern

<a href="BILDURL"><img class="alignright size-medium wp-image-115" title="01-sommer01" src="BILDURL" alt="Grundriss" width="200" /></a>

------------------------------
Unter dem Link oben sieht es bei mir übrigens auch alles falsch aus ... da ist überhaupt kein Float um eins der Bilder, geschweige denn ein 1px roter Rand oder sowas ...
Also der IE 6 ist wohl dafür absolut ungeeignet ...

Hi

ich habe auch diesen code (das erste Stück) hinzugefügt.
Klappt gleich viel besser. Hier (zuhause) klappt es auch mit den Bildern, da ich hier den FF nutze.
Das einzige was mich jetzt noch stört: ich darf nicht mehrere Leerzeilen machen, die löschen beide Editoren sofort raus.
udn die "Bildunterschriften" stehen neben den Bildern im normalem Text ;(