Mark: Listeneintrag & Zeilenumbruch

Hallo Self-Gemeinde,

ich habe eine kurze Frage: Wie kann ich erreichen, dass ein <li>Listeintrag</i>, der ziemlich lang ist und umbricht, weil er nicht in einen Bereich passt, eingerückt wird?

Also so:

  • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
      langer Eintrag

und nicht so:

  • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
    langer Eintrag

Gibt es eine Möglichkeit, das mit HTML zu erreichen oder muss ich CSS bemühen?
In SELFHTML bzw. der Forumssuche habe ich dazu nichts gefunden.

Vielen Dank
Mark

  1. ...dass ein <li>Listeintrag</i>...

    <li>Listeneintrag</li> nicht </i>

    Also so:

    • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
        langer Eintrag

    und nicht so:

    • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
      langer Eintrag

    Sieh mal dort nach, ich denke da findest du etwas...

    http://de.selfhtml.org/html/text/listen.htm#html_eigenschaften

    Mfg
    Zerberus

    1. Hallo Zeberus,

      <li>Listeneintrag</li> nicht </i>

      Tschuldigung, das war ein Schreibfehler.

      Sieh mal dort nach, ich denke da findest du etwas...

      http://de.selfhtml.org/html/text/listen.htm#html_eigenschaften

      Dort steht etwas zu Listenarten, Bullets usw., aber leider nichts zu Einrückungen nach Zeilenumbrüchen.

      Die CSS Formatierung style="list-style-position:inside" hilft mir bei dem Zeilenumbruch auch nicht weiter.

      Danke trotzdem - kann mir doch noch jemand weiterhelfen?
      Mark

      1. Hallo,

        Die CSS Formatierung style="list-style-position:inside" hilft mir bei dem Zeilenumbruch auch nicht weiter.

        Stimmt, ich suche auch eine Möglichkeit.

        Mit freundlichen Grüßen

        André

        --
        ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
        http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
      2. Aber ich muß sagen, wenn ich mir auf der Seite das Beispiel
        ansehe und ich das Browserfenster so klein ziehe, daß ein
        Umbruch entsteht, daß dieser Umbruch eingerückt wird. Und
        wenn ich es lokal teste, ist es das selbe...

        Wieso funktioniert denn das bei dir nicht so?

        Mfg
        Zerberus

        1. Hallo nochmal,

          [...] und ich das Browserfenster so klein ziehe, daß ein
          Umbruch entsteht, daß dieser Umbruch eingerückt wird.

          Wieso funktioniert denn das bei dir nicht so?

          stimmt, auf der Beispielseite wird eingerückt. Ich habe jetzt Unterschiede zu meiner Liste gesucht und den Fehler gefunden. Bei mir stand das Attribut type="square" in jedem <li> Tag und nicht im <ul> Tag. Nachdem ich das geändert hatte, wird der Zeilenumbruch auch eingerückt. Korrektes HTML ist die Lösung! ;o)

          Danke für die Antworten!
          Mark

          1. Hallo,

            ich nehme es gern zur Kenntnis. ;-)

            Mit freundlichen Grüßen

            André

            --
            ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
            http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
  2. Hallo,

    Also so:

    • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
        langer Eintrag
      und nicht so:
    • langer Eintrag langer Eintrag langer Eintrag langer Eintrag
      langer Eintrag

    Das ist eigentlich das Standardverhalten von Listen.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Listen im Text</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    </head>
    <body>
    <p>Textabsatz</p>
    <ul style="width:300px; margin-left:0; padding-left:1em;">
    <li>kurzer Eintrag</li>
    <li>langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag</li>
    <li>kurzer Eintrag</li>
    <li>langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag langer Eintrag</li>
    </ul>
    <p>Textabsatz</p>
    </body>
    </html>

    viele Grüße

    Axel