Ergebnis 1 bis 10 von 10

Thema: Liste mit CSS Einrücken

  1. #1
    Unregistriert
    Gast

    Standard Liste mit CSS Einrücken

    Hallo zusammen,

    erstmal ja ich habe gegoogelt und auch alle möglichen Beiträge gelesen und nein padding und margin helfen mir nicht wirklich!

    Ich habe:

    <ol>
    <li>Erste Zeile</li>
    <li>Zweite Zeile</li>
    </ol>

    und

    ol, li {
    margin: 0;
    padding: 0;
    }

    Was passiert: Die Nummerierung schiebt sich links aus dem Bild!

    Was ich will: Nummerierung Bündig mit restlichem Text. Den Text hinter der Nummerierung nach wievor ausgerückt, deswegen ist inline auch nicht das richtige!

    Wenn ich jetzt erst mal die Default Werte der Broweser (siehe oben) auf 0 setze und dann manuell margin-left: 20px setze, dann ist es bei Firefox richtig, aber bei IE um ein paar Pixel falsch! -.-

    Was kann ich tun?

    Vielen Dank im voraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste mit CSS Einrücken

    versuchs evtl mal mit text-indent
    http://www.css4you.de/Texteigenschaf...xt-indent.html
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste mit CSS Einrücken

    text-indent zieht die Nummerierung mit ein.

    Evtl. so?
    Code:
    ol { list-style-position: inside; }

  4. #4
    Unregistriert
    Gast

    Standard AW: Liste mit CSS Einrücken

    text-indent hilft leider auch nicht, da sich das nur auf die erste Zeile bezieht

    ----

    Zitat Zitat von sejuma Beitrag anzeigen
    text-indent zieht die Nummerierung mit ein.

    Evtl. so?
    Code:
    ol { list-style-position: inside; }
    Ja auf den ersten Blick ist es ok, da die 1. z.B. dann wirklich links bündig ist, allerdings ist der Text dahinter dann nicht mehr in einem Block bei Zeilenümbrüchen, was ich aber haben möchte:

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Was ich will: Nummerierung Bündig mit restlichem Text. Den Text hinter der Nummerierung nach wievor ausgerückt, deswegen ist inline auch nicht das richtige!


    aber schonmal Danke für die Anregungen bisher, vllt. weiß jemand noch was? Vllt Kombinationen mit anderen Sachen?

  5. #5
    Macrosdesign
    Gast

    Standard AW: Liste mit CSS Einrücken

    Also ich hätte eine Möglichkeit allerdings funktioniert diese im IE erst ab Ver. 8 ....

    Aber damit hättest du das was du willst:
    Code:
    ol {list-style:none;}  
    ol li {counter-increment:test 1;}
    ol li:before {content:counter(test)". ";}

  6. #6
    Meister(in)
    Registriert seit
    10.01.2008
    Ort
    Passau/Ösiland
    Beiträge
    267
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste mit CSS Einrücken

    Zitat Zitat von Unregistriert Beitrag anzeigen
    weiß jemand noch was?
    jepp, die Listenzeichen als HG-Bild einbinden.

    Klappt browserübergreifend problemlos und der Listenpunkt kann ruhig 20 Zeilen haben. Durch das padding wird immer richtig eingerückt.

    Wenn du das durchnummerieren willst brauchst du für jeden Listenpunkt ein anderes HG-Bild.
    Reine Fleißarbeit also.

  7. #7
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Liste mit CSS Einrücken

    Ich rücke das immer mittels margin-left wieder ein.

  8. #8
    Unregistriert
    Gast

    Standard AW: Liste mit CSS Einrücken

    Zitat Zitat von Macrosdesign Beitrag anzeigen
    Also ich hätte eine Möglichkeit allerdings funktioniert diese im IE erst ab Ver. 8 ....

    Aber damit hättest du das was du willst:
    Code:
    ol {list-style:none;}  
    ol li {counter-increment:test 1;}
    ol li:before {content:counter(test)". ";}
    Funktionier bei meinem IE8 auch nicht und unter Firefox werden dann auch die zweiten Zeilen nicht mit eingerückt.

    ---
    jepp, die Listenzeichen als HG-Bild einbinden.

    Klappt browserübergreifend problemlos und der Listenpunkt kann ruhig 20 Zeilen haben. Durch das padding wird immer richtig eingerückt.

    Wenn du das durchnummerieren willst brauchst du für jeden Listenpunkt ein anderes HG-Bild.
    Reine Fleißarbeit also.
    naja warum nimmt man dann nicht gleich eine Tabelle, mach es deutlich einfacher, schön ist es aber dennoch nicht. Außerdem ist die eigentliche Intention dass die Eingaben dynamisch von Benutzern eingegeben werden können und denen kann man sowas auch nicht zumuten!

    Ich rücke das immer mittels margin-left wieder ein.
    das Problem ist hierbei das die Einrückung nicht Browserunabhängig ist. Habs jetzt aber so gemacht, dass es bei IE linksbündig ist und bei Firefox somit jetzt bisschen eingerückt ist, besser krieg ichs nicht hin! *unbefriedigend*

  9. #9
    Meister(in)
    Registriert seit
    10.01.2008
    Ort
    Passau/Ösiland
    Beiträge
    267
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liste mit CSS Einrücken

    Zitat Zitat von Unregistriert Beitrag anzeigen
    naja warum nimmt man dann nicht gleich eine Tabelle, mach es deutlich einfacher, schön ist es aber dennoch nicht. Außerdem ist die eigentliche Intention dass die Eingaben dynamisch von Benutzern eingegeben werden können und denen kann man sowas auch nicht zumuten!
    Was redest du da für einen Unfug?

    Du hattest ein Problem und das mit dem HG-Bild ist eine gängige Lösung wenn das mit der Einrückung und der Darstellung der Listenpunkte browserübergreifend einheitlich funktionieren soll.

    Woher sollte ich denn wissen, das versch. Nutzer da was eingeben?
    Gib doch deine Infos in Zukunft bitte vollständig, damit die Helfer keine unnütze Zeit für dich verschwenden.

  10. #10
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Liste mit CSS Einrücken

    Zitat Zitat von Unregistriert Beitrag anzeigen
    das Problem ist hierbei das die Einrückung nicht Browserunabhängig ist. Habs jetzt aber so gemacht, dass es bei IE linksbündig ist und bei Firefox somit jetzt bisschen eingerückt ist, besser krieg ichs nicht hin! *unbefriedigend*
    Deshalb mache ich mit dem Star-Hack Ausnahmen für IE6 und IE7, der IE8 verhält sich was das angeht wie der Firefox.

Ähnliche Themen

  1. Navigation: Liste oder nicht Liste?
    Von Macrosdesign im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.07.2009, 13:42
  2. Problem mit dem einrücken bei <ur>
    Von Rausch im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 05.06.2008, 11:07
  3. Liste
    Von Thonixx im Forum Computer - Internet Forum
    Antworten: 6
    Letzter Beitrag: 01.02.2008, 22:41
  4. Zuweisen einer Liste aus Objekt einer neu erstellten Liste
    Von Rachgold im Forum Forum für alle anderen Programmiersprachen
    Antworten: 1
    Letzter Beitrag: 29.07.2007, 09:55
  5. css text einrücken
    Von supersass1 im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 09.11.2005, 08:33

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •