1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Probleme mit Formatierung (WYSIWYG & Code Editor)

Dieses Thema im Forum "Allgemeines" wurde erstellt von Foolx, 21. Mai 2008.

  1. Foolx

    Foolx Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    13
    Zustimmungen:
    0
    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!
     
    #1 Foolx, 21. Mai 2008
    Zuletzt bearbeitet: 21. Mai 2008
  2. SuMu

    SuMu Well-Known Member

    Registriert seit:
    5. Januar 2006
    Beiträge:
    6.301
    Zustimmungen:
    84
    wenn du schon deine Url hier postest, dann doch bitte verlinkt, damit man da ganz komfortabel drauf klicken kann!
     
  3. Ammaletu

    Ammaletu Well-Known Member
    Ehrenmitglied

    Registriert seit:
    14. Juli 2007
    Beiträge:
    4.696
    Zustimmungen:
    0
    Ich glaube, Du nimmst hier den Begriff "WYSIWYG" zu ernst. Das Teil wird nur spaßeshalber so genannt und heißt eigentlich TinyMCE. ;) Soll heißen: Der Editor zeigt Dir normalerweise reines HTML an, die Ausgabe im Theme muss aber Dein Stylesheet regeln. Das stimmt nicht immer überein.

    Den Bildern werden offenbar die Klassen alignleft bzw. alignright zugewiesen. Die muss Dein Styleheet auch definieren. Genauso sollte Dein Stylesheet die Abstände zwischen Absätzen regeln. Falls mehrere <br>s nacheinander nicht angeezigt werden, probiere es mit einem Abstandshalter wie
    *
    *
    *
    oder so. Das geht auf jeden Fall.
     
  4. Foolx

    Foolx Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    13
    Zustimmungen:
    0
    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!
     
  5. cywhale

    cywhale Well-Known Member

    Registriert seit:
    23. Januar 2007
    Beiträge:
    205
    Zustimmungen:
    0
    Versuche mal in der '/themes/journalized-winter/style.css'
    folgendes einzufügen:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  6. Foolx

    Foolx Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    13
    Zustimmungen:
    0
    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-content/uploads/2008/05/00-world.png" target="_blank"><img class="attachment wp-att-100" src="http://www.foolx.de/blog/wp-content/uploads/2008/05/00-world.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!
     
    #6 Foolx, 22. Mai 2008
    Zuletzt bearbeitet: 22. Mai 2008
  7. Ammaletu

    Ammaletu Well-Known Member
    Ehrenmitglied

    Registriert seit:
    14. Juli 2007
    Beiträge:
    4.696
    Zustimmungen:
    0
    Also ich sehe die Bilder (FF2 und IE7). Teilweise rutschen sie noch etwas unschön nebeneinander, aber da musst Du halt mehr Text dazwischensetzen oder die Bilder abwechselnd rechts- und linksbündig setzen.

    Was ich nicht sehe sind die Bild-Unterschriften. Da denke ich stimmt irgendwas noch nicht.

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

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Daraus könntest Du z.B. das hier machen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit hast Du unter jedem Absatz einen Abstand drin, der sich auch an die Schriftgröße des Browsers anpasst.
     
  8. cywhale

    cywhale Well-Known Member

    Registriert seit:
    23. Januar 2007
    Beiträge:
    205
    Zustimmungen:
    0
    Die Bilder sehe ich auch (FF 2.0.0.14, Linux), Beschreibung siehe letzter Beitrag.
    Auf WordPRess.Org gibt es auch eine Seite bzgl. Fliesstext um Bild
    .
    Zwecks dem 'Verrutschen' - auch ein zwischengesetztes 'clear:both' könnte da helfen.
     
  9. Foolx

    Foolx Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    13
    Zustimmungen:
    0
    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

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ------------------------------
    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 ...
     
    #9 Foolx, 22. Mai 2008
    Zuletzt bearbeitet: 22. Mai 2008
  10. Ammaletu

    Ammaletu Well-Known Member
    Ehrenmitglied

    Registriert seit:
    14. Juli 2007
    Beiträge:
    4.696
    Zustimmungen:
    0
    Oh sorry, mein Fehler. Dein Theme basiert scheinbar nicht auf dem Default-Theme, davon war ich jetzt mal ausgegangen. Also dann einfach das hier hinzufügen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Oder noch einfacher, dann trifft es aber alle p-Tags. Da weiß ich nicht, ob das auf den Rest des Designs eventuell noch Auswirkungen hat:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  11. Foolx

    Foolx Member

    Registriert seit:
    15. Mai 2008
    Beiträge:
    13
    Zustimmungen:
    0
    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 ;(
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden