Bilder einfügen mit Grafischen WYSIWYG-Editor

[B.E.A.]

Ich versuche Bilder in Reih und Glied zu bekommen, ohne eine Tabelle und es will mir nicht wirklich gelingen. Sobald ich mehrere Bilder über die Mediendatenbank einfüge schreibt sich so ein Code für das Bild, wenn es linksbündig angezeigt werden soll.

<div style="width: 107px;" class="serendipity_imageComment_left">
<div class="serendipity_imageComment_img"><a class="serendipity_image_link" href="/weihnachtszeit/media-archiv/vor-langer-zeit/2008/2008.11.30.jpg"><!-- s9ymdb:379 --><img width="107" height="200" class="serendipity_image_center" src="/weihnachtszeit/uploads/2008/k2008.11.30.jpg" /></a></div>
<div class="serendipity_imageComment_txt">Advent Advent ein Licht brennt</div>
</div>

Leider sieht das Ergebnis aber so aus

http://www.bitte-einmal-anders.de/weihn ... inmal.html

und stellt mich mal überhaupt nicht zufrieden. Ich verstehe nicht, warum jedes Bild automatisch eine Zeile tiefer beginnt und warum sie sich nicht ordentlich anordnen. Hat einer eine Idee woran das liegen könnte?

Herzliche Grüße Bea

[yellowled]

Hat einer eine Idee woran das liegen könnte?

Am unsäglichen NL2BR-Plugin, welches (u.A.) zwischen 2 Bilder jeweils automatisch ein <br /> einfügt.

YL

[B.E.A.]

Erst einmal vielen Dank YL für deine Antwort, die ein Teil des Problems gelöst hat. Darauf wäre ich nicht gekommen. Der Umbruch funktioniert allerdings auch noch nicht so ganz. Hast du dafür noch eine Idee?

Muß das NL2BR-Plugin unbedingt aktiviert sein und was passiert wenn es nicht aktiv ist?

Liebe Grüße Bea

[yellowled]

Der Umbruch funktioniert allerdings auch noch nicht so ganz.

Streng technisch gesehen ist die Darstellung korrekt. Du musst entweder dafür sorgen, dass die Elemente einer gedachten Reihe gleich hoch sind (Bildhöhe, Anzahl der Zeilen in der Bildunterschrift) oder dem ersten Bild (bzw. dessen Container) einer gedachten Reihe stets ein clear: left; mitgeben.

Muß das NL2BR-Plugin unbedingt aktiviert sein und was passiert wenn es nicht aktiv ist?

NL2BR pseudokompensiert Faulheit. Es ersetzt (vereinfacht gesagt) ASCII-Zeilenumbrüche (new line, NL) z.B. in Einträgen durch HTML-Zeilenumbrüche (<br />, BR). Das ist nur „sinnvoll“ (eigentlich ist das ganze Plugin meiner persönlichen Meinung nach sinnfrei, aber lassen wir das), wenn man kein anständiges Markup schreibt oder erzeugen lässt (etwa durch einen WYSIWYG-Editor oder ein Markup-Plugin wie Textile). Es „simuliert“ Absätze (<p>...</p>) durch doppelten Zeilenumbruch (<br /><br />), was semantisch schlicht falsch ist. Nebenbei macht es normalerweise Unfug.

Nein, es muss nicht aktiviert sein. Wenn man jedoch nicht zusätzlich von Hand oder anderweitig anständiges HTML in seinen Einträge hat, ist es problematisch, es nachträglich zu entfernen. Verwendet man weder einen WYSIWYG-Editor noch bestimmte Markup-Plugins und hat immer nur plain text in den Non-WYSIWYG-Editor getrommelt, fliegen einem wahrscheinlich sämtliche Einträge auseinander. Was man natürlich nachträglich korrigieren kann, aber nur von Hand.

YL

[B.E.A.]

Vielen Dank auch für diese Antwort YL was ein bisschen Licht für mich in diese Dinge bringt. Wenn ich aber nun nicht ganz so fit bin in aus dem Kopf HTML zu schreiben, wie soll ich denn dann meine Beiträge schreiben? Die Editoren sind doch dafür gedacht und es gibt ja auch mehrere.

Wie sieht denn dann ein gutes HTML aus und verträgt sich mit Serendipity?

Könntest du mir bitte das clear: left; ein in meinen Beispielcode einsetzten, wo das hin kommt, bevor ich es ganz vermurkse. Wäre sehr nett von dir.

Was sind denn noch Markup-Plugins und was meinst du mit "plain text"? Ich habe das NL2BR-Plugin ja deaktiviert und es scheint so zu sein, das der Text noch ok aussieht. Allerdings mache ich auch von Hand die doppelten <br> und <div> weg. Ich habe nie irgendwo ein <p> stehen, das lösche ich.

Hmmmmm du bringst mich echt ans nachdenken und an die Frage, ob ich das bis jetzt wirklich so halbwegs richtig mache. Und was wäre wenn ich überall das NL2BR-Plugin deaktiviere. Ich kann doch nicht jeden Beitrag kontrollieren ob er noch richtig erscheint.

Leichte Verunsicherung stellt sich ein *grübel*

Herzlichst Bea

[yellowled]

Wenn ich aber nun nicht ganz so fit bin in aus dem Kopf HTML zu schreiben, wie soll ich denn dann meine Beiträge schreiben? Die Editoren sind doch dafür gedacht und es gibt ja auch mehrere.

Die WYSIWYG-Editoren erzeugen Absätze, da braucht man NL2BR nicht. Den Non-WYSIWYS-verwendet man normalerweise, wenn man HTML von Hand schreibt oder ein Markup-Plugin wie Textile benutzt.

Wie sieht denn dann ein gutes HTML aus und verträgt sich mit Serendipity?

Standardkonform. Sorry, aber Du erwartest nicht wirklich, dass ich Dir jetzt in 2 Sätzen erkläre, wie man vernünftiges HTML schreibt? Damit füllen andere ganze Bücher und Webseiten.

Könntest du mir bitte das clear: left; ein in meinen Beispielcode einsetzten, wo das hin kommt, bevor ich es ganz vermurkse. Wäre sehr nett von dir.

Für in den HTML-Code für das div, welches das erste Bild einer gedachten Reihe beinhaltet, style="clear:left;" ein. Fertig.

Was sind denn noch Markup-Plugins und was meinst du mit "plain text"?

Markup-Plugins wären z.B. Textile oder Markdown. Man hat dann normalerweise eine anders geartete, einfachere Syntax, die das Plugin in HTML umwandelt. plain text ist nackter Text ohne HTML-Tags.

Ich habe nie irgendwo ein <p> stehen, das lösche ich.

Warum, um Himmels Willen? Ein Absatz ist ein Absatz und sollte genau so ausgezeichnet werden.

YL

[yellowled]

Standardkonform. Sorry, aber Du erwartest nicht wirklich, dass ich Dir jetzt in 2 Sätzen erkläre, wie man vernünftiges HTML schreibt? Damit füllen andere ganze Bücher und Webseiten.

Peter Müller z.B.: http://little-boxes.de/little-boxes-teil1-online.html (Die Bücher sind allesamt sehr empfehlenswert.)

YL

[onli]

Nl2br hat einen nl2p-Modus. Dabei werden die Umbrüche durch echte <p> erzeugt. Das Plugin hat seinen Sinn - und auch ohne diesen Modus wäre es notwendig, weil die Erwartung des üblichen Verhaltens jedes Editors nichts mit Faulheit zu tun hat.

Deaktiviert es sich im WYSIWYG-Editor nicht?

[B.E.A.]

@ YL
VIelen Dank für Infos. Ich probiere das mal und schaue was passiert. Der Link ist sicher sehr hilfreich, ich werde es mir genauer ansehen.

Standardkonform. Sorry, aber Du erwartest nicht wirklich, dass ich Dir jetzt in 2 Sätzen erkläre, wie man vernünftiges HTML schreibt? Damit füllen andere ganze Bücher und Webseiten.

Natürlich nicht! Es gibt aber verschiedene HTML Versionen, XHTML etc. das meinte ich damit, um überhaupt zu wissen in welche Richtung ich was nachsehen soll, bevor etwas nicht kompartibel ist mit unseren Blogs und Plugins. Meine alten privaten HTML Seiten in 2.0 werden ja auch heute noch angzeigt, was nicht heißt das bei demselben Code in der heutigen Zeit diese Befehle zu Konflikten führen könnten.

Ich versuche mich halt nur in der Masse der Möglichkeiten und Risiken auf für mich verständlichen Boden zu bewegen, wenn du verstehst was ich meine. Nicht jeder hat deinen lobenswerten Wissenstand. Ich bin jedoch dankbar von dir Hilfe und Unterstützung zu bekommen und versuche das in meinen Möglichkeiten umzusetzen.

Warum, um Himmels Willen? Ein Absatz ist ein Absatz und sollte genau so ausgezeichnet werden.

Hmmm ich habe es immer mit den <div> und dem <br> so hin bekommen und hat bis jetzt ganz gut funktioniert. Sah nie komisch aus

@ only

Leider verstehe ich fachlich nicht ganz was du meinst (

Herzlichst Bea

[yellowled]

Nl2br hat einen nl2p-Modus. Dabei werden die Umbrüche durch echte <p> erzeugt.

Das hatte ich verdrängt, sorry.

Das Plugin hat seinen Sinn

Erkläre mir den bitte. Ganz im Ernst.

[...] weil die Erwartung des üblichen Verhaltens jedes Editors nichts mit Faulheit zu tun hat.

Was ist übliches Veralten jedes Editors?

Deaktiviert es sich im WYSIWYG-Editor nicht?

Keine Ahnung, aber falls nicht, wäre das mal eine Maßnahme. Zumal es standardmäßig aktiv ist.

YL

[onli]

@B.E.A.:
Das war mehr an Yellowled gerichtet.

@YL:
Vorab: Eine Diskussion darüber werde ich nicht führen. In jedem Editor sorgt ein einzelnes Enter für einen Umbruch, zwei Enter für Umbruch mit folgender Leerzeile. Dieses Verhalten nachzustellen ist notwendig - zumindest, solange der andere Editor nicht der absolute Standard ist.

[yellowled]

In jedem Editor sorgt ein einzelnes Enter für einen Umbruch, zwei Enter für Umbruch mit folgender Leerzeile. Dieses Verhalten nachzustellen ist notwendig - zumindest, solange der andere Editor nicht der absolute Standard ist.

Warum diese Diskussionsverweigerung? Es geht nicht ums Prinzip, sondern um ein standardmäßig installiertes Plugin, was meines Erachtens (und die Zahl der Fälle, in denen man hier im Forum eine Frage mit „NL2BR deaktivieren“ lösen kann, belegt das doch) mehr Ärger macht, als dass es hilft.

Wenn Du in einem Texteditor innerhalb einer (X)HTML-Datei folgenden Code eingibst:

Code: Select all

<div>
Eine Zeile.

Noch eine Zeile.
</div>

erhältst Du sowas hier:

Eine Zeile. Noch eine Zeile.

Vielleicht wäre es sinnvoll, die NL2P-Funktion standardmäßig zu aktivieren?

YL

[B.E.A.]

Also irgendwie bin ich total verunsichert durch eure Diskussion. Garvin hat mir mal vor langer Zeit die Plugins genannt die wichtig sind und die habe ich jetzt so in der Reihenfolge überall, vor einigen anderen wenigen die ich noch jeweils nach Bedarf nutze.

Textformatierung: Serendipity
Browser-Kompatibilität
Textformatierung: NL2BR (im Moment inaktiv geschaltet)
Spamschutz
Spartacus
Übliche XHTML-Fehler beseitigen

Und ich nutze bei allen Blogs den Grafischen WYSIWYG-Editor. Könnt ihr mir jetzt mal sagen, ob das so in Ordnung ist, oder ob sich da noch etwas behakelt?

Und jetzt stellt sich trotz inaktivem NL2BR im IE 6.0 meine Seite immer noch verschoben dar. Im Opera 10.6 - IE 8.0 und aktuellem Mozilla keine Probleme. Weiß jemand dafür auch die Antwort, weil ich kapiere das nicht und es nervt mich mittlerweile, da ich für 50 Bilder einfügen 2 Tage gebraucht habe und es immer noch nicht kompatibel ist.

Könnt ihr mir mal sagen, ob sich das bei euch in Reih und Glied mit jeweils 4 Bildern in einer Reihe darstellt?

http://www.bitte-einmal-anders.de/weihn ... /2008.html

http://www.bitte-einmal-anders.de/weihn ... /2009.html

Danke für eure Hilfe. Für heute GUTE NACHT.
LG Bea

[onli]

Also irgendwie bin ich total verunsichert durch eure Diskussion.

Verzeihung. Ich wollte nur YL da ien bisschen bremsen, nicht dich verunsichern. Deine Bilder sind bei mir in einer Reihe - IE 6 hab ich natürlich nicht, das alte Stück Software würde ich aber auch nciht mehr unterstützen wollen.

Es geht nicht ums Prinzip

Dann ok :) Um dieses Prinzip habe ich schon seitenlang diskutiert, deshalb.

Wenn Du in einem Texteditor innerhalb einer (X)HTML-Datei folgenden Code eingibst:

Dann gehts ja doch ums Prinzip. Nein, dazu sag ich nichts. Um das richtig zu beurteilen mache bitte eine Studie über die Zielgruppe von s9y und deren Erwartung bezüglich des Themas, also welche Erfahrungen mit HTML vorhanden sind und ob nicht eher erwartet wird, dass Texteingabe = Word, Wordpad, Forum, Kommentarfunktion in Blogs usw usf.

(Unabhängig davon kann man gucken, ob bei wysiwyg nl2br deaktiviert sein sollte weil ein Konflikt mit dessen p-Einsetzung vorliegt. Ich nutze diesen Editor nur nie und muss mir das die Tage dann wirklich wirklich mal genau angucken.)

[yellowled]

Wenn Du in einem Texteditor innerhalb einer (X)HTML-Datei folgenden Code eingibst:

Dann gehts ja doch ums Prinzip.

Nein. Es geht darum, eine sinnvolle Lösung zu finden, um dieses Plugin verwendbar zu machen -- was es meiner Meinung nach im Moment nicht ist, weil es groben Unfug macht. Fakt ist, es erzeugt nicht nur (wie hier) Code, der Formatierung und Layout kaputt machen kann, es erzeugt z.T. auch invaliden Code.

(Unabhängig davon kann man gucken, ob bei wysiwyg nl2br deaktiviert sein sollte weil ein Konflikt mit dessen p-Einsetzung vorliegt. Ich nutze diesen Editor nur nie und muss mir das die Tage dann wirklich wirklich mal genau angucken.)

Ich denke, es macht Sinn, das Plugin zu deaktivieren, wenn irgendein WYSIWYG-Editor verwendet wird. Man könnte es zusätzlich deaktivieren, wenn andere Markup-Plugins, die damit potenziell kollidieren (Textile, Markdown), aktiv sind -- ist vielleicht ein bisschen übertrieben. Wer sowas nutzt, weiss nochmalerweise, dass NL2BR dann redundant ist.

Im Non-WYSIWYG hielte ich für meinen Teil es für sinnvoller, NL2P ab Werk zu aktivieren -- wer da partout NL2BR will, kann es ja immer noch umstellen, wer im Non-WYSIWYG HTML schreiben will, wird NL2BR ohnehin rauswerfen.

YL