Nästlade listor - igen

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • silfver
    Medlem
    • 2003-04-03
    • 9709

    #1

    Nästlade listor - igen

    Hej på er webnötar! Haha.

    Jag har problem med nästlade listor igen. Kanske är det samma problem som sist?

    Om ni kikar på min kod:
    A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...


    Om jag nu lägger till ytterligare en nästlad lista så kommer ju inte den få någon indentering (listan i rött) eftersom det inte är någon satt.

    Kan man göra denna kod dynamisk?
    HTML Code:
      ul li a {padding-left: 20px;}
      ul li ul li a {padding-left: 40px;}
      ul li ul li ul li a {padding-left: 60px;}
      ul li ul li ul li ul li a {padding-left: 80px;}   /* vill inte behöva fortsätta skriva! */
    Hoppas ni är med på vad jag försöker säga.
    Silfver Creations
  • voigtann1
    Forumvärd
    • 2001-06-14
    • 8810

    #2
    lägg en div eller annat block element mellan a och ul inne i li listan och sätt en padding-left: 20px på den på alla dina noder.
    "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

    Comment

    • silfver
      Medlem
      • 2003-04-03
      • 9709

      #3
      Originally posted by voigtann1
      lägg en div eller annat block element mellan a och ul inne i li listan och sätt en padding-left: 20px på den på alla dina noder.
      Jag antar att du menar så här? http://jsbin.com/iritep/4/edit
      Har prövat detta tidigare. Problemet är nu att mina borders inte längre går hela vägen ut i vänsterkanten.
      Silfver Creations

      Comment

      • voigtann1
        Forumvärd
        • 2001-06-14
        • 8810

        #4
        tror du få lösa det med JS eller som Danne V brukar tipsar om: kör det som en bakgrundsbild.

        jquery exempel: http://jsbin.com/iritep/5/edit
        "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

        Comment

        • silfver
          Medlem
          • 2003-04-03
          • 9709

          #5
          Originally posted by voigtann1
          tror du få lösa det med JS eller som Danne V brukar tipsar om: kör det som en bakgrundsbild.

          jquery exempel: http://jsbin.com/iritep/5/edit
          Äter du kod till frukost? Ser hur vackert ut som helst. Tack!
          Silfver Creations

          Comment

          Working...