---
title: "Nästlade listor - igen"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189522-nästlade-listor-igen"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2012-03-29T09:50:51.000Z"
updated: "2012-03-29T13:02:46.000Z"
replies: 4
views: 802
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189522-nästlade-listor-igen"
---

# Nästlade listor - igen

## #1 — silfver, 2012-03-29T09:50Z

Hej på er webnötar! Haha.

Jag har problem med nästlade listor igen. Kanske är det [samma problem som sist](http://www.webforum.nu/showthread.php?t=185036)?

Om ni kikar på min kod:
<http://jsbin.com/iritep/2/edit>

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?

```
  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. :)

Permalänk: https://www.webforum.nu/p/189522

## #2 — voigtann1, 2012-03-29T11:17Z

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.

Permalänk: https://www.webforum.nu/p/2297096

## #3 — silfver, 2012-03-29T12:05Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1549054)**
>
> 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.

Permalänk: https://www.webforum.nu/p/2297102

## #4 — voigtann1, 2012-03-29T12:17Z

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>

Permalänk: https://www.webforum.nu/p/2297107

## #5 — silfver, 2012-03-29T13:02Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1549066)**
>
> 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! :bire

Permalänk: https://www.webforum.nu/p/2297115

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189522-nästlade-listor-igen