Einzug im Fließtext?

  • Hallo an alle hier im Forum!
    Ich möchte bei einigen Absätzen einen Einzug machen, finde aber leider keine Hinweise, wie ich das richtig mache... Vielleicht hat jemand eine Idee? :)

    also erst mal die Fakten:
    - Einige Absätze sollen - um die Lesbarkeit zu erhöhen - mit Einzug ausgestattet werden. D. H. die erste Absatzzeile beginnt normal, alle folgenden etwas weiter rechts (z. B. 15 px)

    - Da es sich nur um einige Absätze handelt, kann die Info nicht in style.css rein.

    - Der Vorschlag, den ich bei selfhtml gefunden habe: <p style="text-indent:1em;"> funktioniert leider nicht. Oder besser gesagt, er funktioniert genau umgekehrt, weil interessanterweise die erste Zeile verschoben wird, aber alle folgenden Zeilen gleich bleiben.

    Falls also jemand eine Idee hat, würd ich mich über einen Tipp freuen. Bin etwas ratlos... :(
    lG
    Raphael

    • 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

  • probiers mal mit : <p style="text-indent[COLOR=Red]:-1[/COLOR]em;">

    denn dann, so habe ich die erfahrung gemacht macht er meist das gegenteil..


    einfach mal ausprobieren, keine Gewährleistung, nur ne idee

  • - Einige Absätze sollen - um die Lesbarkeit zu erhöhen - mit Einzug ausgestattet werden. D. H. die erste Absatzzeile beginnt normal, alle folgenden etwas weiter rechts (z. B. 15 px)


    Du möchtest negativen Einzug ("hängender" Einzug). Einzug heißt ja, dass die 1. Zeile eingerückt ist, also weiter rechts steht.

    Zitat

    - Der Vorschlag, den ich bei selfhtml gefunden habe: <p style="text-indent:1em;"> funktioniert leider nicht. Oder besser gesagt, er funktioniert genau umgekehrt, weil interessanterweise die erste Zeile verschoben wird, aber alle folgenden Zeilen gleich bleiben.


    Das passt schon so, siehe oben. ;-)

    Lösung: siehe Antwort meines Vorposters.

  • Man bin ich jetzt stolz auf mich

    Oh je, jetzt muss ich dich enttäuschen ;) -1em hab ich probiert, das Ergebnis war, dass die erste Zeile nach links verschoben war die folgenden waren dann unverändert.

  • So, jetzt hab ich mal was Neues ausprobiert:

    <p style="text-indent:-10px;padding:10px;">Text </p>

    Ist das korrekt??? Der Browser zeigts mir jetzt so an, wie ich es gerne hätte, aber ob das nur daran liegt, dass Firefox großzügig ist??? ;)

    lG
    Raphael

  • -1em hab ich probiert, das Ergebnis war, dass die erste Zeile nach links verschoben war die folgenden waren dann unverändert.


    Nun, genau das ist "hängender Einzug". Den Trick mit "padding" hast du ja selbst gefunden, und sollte das Problem lösen. (Ich würde nur "padding-left" entsprechend anpassen, und keine px-Angaben verwenden.) Was hindert dich daran, mit anderen Browsern sowie den verschiedenen IE-Versionen zu testen? ;-)

    Vergleich das mal mit Word oder anderen Office-Programmen. Da kannst du auch jeweils einen generellen Abstand zum Rand angeben (padding), sowie einen speziellen für die 1. Zeile (Einzug).

    Zitat von thomas90

    Man bin ich jetzt stolz auf mich


    *auf die Schulter klopf* :mrgreen:

  • Nun, genau das ist "hängender Einzug". Den Trick mit "padding" hast du ja selbst gefunden, und sollte das Problem lösen. (Ich würde nur "padding-left" entsprechend anpassen, und keine px-Angaben verwenden.) Was hindert dich daran, mit anderen Browsern sowie den verschiedenen IE-Versionen zu testen? ;-)

    Vergleich das mal mit Word oder anderen Office-Programmen. Da kannst du auch jeweils einen generellen Abstand zum Rand angeben (padding), sowie einen speziellen für die 1. Zeile (Einzug).


    *auf die Schulter klopf* :mrgreen:

    Hi marX!
    Danke für den Tipp!

    @ Thomas90: OK: marX hat mich überzeugt, also: *auf die Schulter klopf* :mrgreen:

    Und zum Abschluss doch noch eine Frage: Die Absätze sind jetzt recht weit voneinander entfernt. Ich denk mal, dass kann ich im style.css ändern. Wisst ihr, vielleicht nach was ich dort suchen muss? Ein erster Blick hat mir leider nix gezeigt...

    Liebe Grüße!
    Raphael

  • Kommt sicherlich vom "padding" (Innenabstand, rundherum). Wie schon gesagt, nimm mal nur "padding-left" (Innenabstand, links).

    Ja, hast recht. Dass oben und unten auch ein abstand dazukommt dachte ich ja nicht...
    OK, Problem gelöst, VIELEN DANK und allgemeines *auf die Schulter klopf* :) :) :)

Jetzt mitmachen!

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