Anfängerfrage: Kein Leerzeilen möglich

  • Ich schreibe gerade meine ersten Artikel und stelle fest, dass der <br /> Befehl nicht funktioniert, bzw. dieser wird immer wieder "bereinigt".

    Anscheinend brauche ich etwas Nachhilfe in der Syntax. Gibt es Quellen (Bücher, Seiten) wo ich mich etwas einarbeiten kann?

    Danke

    • Anzeige

    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

  • Einen Zeilenumbruch (<br />) bekommst Du mit Shift+Enter. 2 Zeilenumbrüche werden ebenso wie zwei leere Absätze (1 Absatz=1x Enter) von WP gelöscht, da diese HTML Tags nicht dazu gedacht sind Abstände zu generieren. Dazu gibt es CSS.

    Wenn also bei 1x Enter für einen Absatz kein Abstand zu sehen ist, dann solltest Du die CSS Definition für p entsprechend anpassen.

    z.B:

    Code
    p {padding-bottom: 10px;}

    Einmal editiert, zuletzt von mfitzen (4. September 2010 um 11:18)

  • Vielen Dank. Der "normale" Text-Absatz funktioniert. Das macht WP einwandfrei.

    Mein Problem: Ich habe eine Reihe von Abbildung untereinander linksbündig. Dazu immer rechts davon entsprechenden Text. Da die Texte teilweise kürzer ausfallen als die Abb., würde ich sonst mit <br /> soweit auffüllen bis das nächste Bild kommt. Das Funktioniert leider nicht. Ich habe jetzt schon folgendes gemacht:
    <span style="color: #ffffff;">.</span>
    <span style="color: #ffffff;">.</span>
    Aber das kann's ja wohl nicht sein :???:


  • Mein Problem: Ich habe eine Reihe von Abbildung untereinander linksbündig. Dazu immer rechts davon entsprechenden Text. Da die Texte teilweise kürzer ausfallen als die Abb., würde ich sonst mit <br /> soweit auffüllen bis das nächste Bild kommt. Das Funktioniert leider nicht.

    ... und das ist auch gut so!

    In Word lernt man, dass man Tabellen nicht mit Hilfe der Leertaste anlegen sollte: Buchstaben haben in Proportionalschriften unterschiedliche Breiten, die sich nicht durch Leerschritte ausgleichen lassen. Die Lösung liegt in der Verwendung von Tabulatoren oder Tabellen.

    Beim Webdesign ist es ähnlich: Die Laufweite von Schriften (und damit der vom Browser erzeugte Zeilenumbruch!) kann von Betriebssystem zu Betriebssystem anders ausfallen. Was dann auf Deinem Rechner durch Aufreihung von <br />-Tags ganz manierlich aussieht, passt auf einem anderen Rechner ganz und gar nicht.

    Zitat

    Ich habe jetzt schon folgendes gemacht:
    <span style="color: #ffffff;">.</span>
    <span style="color: #ffffff;">.</span>
    Aber das kann's ja wohl nicht sein :???:

    ... auch bekannt als "ostfriesische Nationalflagge": weißer Punkt auf weißem Hintergrund ...

    Beim Einbinden von Fotos in einen WordPress-Artikel kann man angeben, ob das Bild links- oder rechtsbündig eingebunden werden soll. Das Bild erhält dann die Klasse "alignleft" oder "alignright". Diese Klassen sollten im Stylesheet angelegt sein:

    Code
    alignleft{float: left;}
    alignright{float:right}

    Damit werden die Bilder dann entsprechend links- oder rechtsbündig gesetzt und vom Text umflossen. Idealerweise wird in der Loop noch unterhalb des Artikels das "floaten" aufgehoben mit einem

    HTML
    <div style="clear:both;"></div>

    Bei dieser Lösung kann es jedoch unschön aussehen, dass längere Texte unterhalb des Bildes fortgeführt werden. Abhilfe schafft ...

    Code
    #content p{position: realitive; padding-left: 200px; clear: both;}
    #content img {position: absolute; left:0; width: 180px;}


    wobei diese Lösung Bilder dann grundsätzlich links auswirft und Texte grundsätzlich einrückt.

    Ein Workaround für gelegentliche Lösungen wäre die Arbeit mit Tabellen, in denen man in die linke Spalte das Bild und in die rechte Spalte den Text setzt. Die Abmessungen der Tabelle werden auch wieder im Stylesheet festgelegt.

    Eine weitere, flexible Lösung bieten Post_Thumbnails. Durch Abfrage, ob ein Artikel überhaupt ein Artikelbild hat, wird der Artikel dann mit der einen oder anderen Klasse ausgegeben, was eine individuelle Gestaltung ermöglicht. Wie Post_Thumnails verwendet werden, wurde im Forum bereits mehrfach behandelt.

  • Warum so kompliziert?
    Durch [COLOR=Red]&nbsp;[/COLOR] kannst du auch mehrfache Leerzeichen erzwingen

    tom

    Bist Du sicher, dass Du die Frage richtig verstanden hast?
    Wie möchtest Du denn dann Leerzeilen mit geschützen Leerschritten erzeugen? Und wie Bilder links und Text rechtsbündig anordnen?

    Deshalb so kompliziert ...

  • Bist Du sicher, dass Du die Frage richtig verstanden hast?
    Wie möchtest Du denn dann Leerzeilen mit geschützen Leerschritten erzeugen? Und wie Bilder links und Text rechtsbündig anordnen?

    Deshalb so kompliziert ...


    hatte mich in der tat verlesen lol
    sy..
    tom

  • Habe gerade für einen Kunden ein solches Problem gelöst:
    WP-Super-Edit Plugin istalliert, dem Standard Editor dann in der Konfiguation das Tabellentool hinzugefügt. Nun kann er entsprechend mit Tabellen arbeiten und hat somit die gewünschten Möglichkeiten.

    hier ist z.B. ein Beispiel mit 3x2 Feldern...

    Einmal editiert, zuletzt von gericoach (6. September 2010 um 11:31)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!