ul tags (Tiefen Darstellung)

[JamieWolf]

Guten Morgen,

ich hab ein kleines problem mit css, muß auch gestehen das ich auf diesem gebiet ein absoluter neuling bin.

Also ich hab mir mal ein CSS Template von Macromedia Dreamweaver genommen und bin nun dabei dieses um zu ändern.

Dabei bin ich auf folgendes Problem gestoßen.
Wenn ich nun mit <UL> und <LI> gewisse Tiefen darstellen will, was müßte ich da in folgendem Code ändern, damit es nicht alles auf gleicher Höhe angezeigt wird?

#navBar ul a:link, #navBar ul a:visited {display: block; left 10px;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;} 

So sieht es aus:

Link 1
Link 1.1
Link 1.1.1
Link 2

So soll es aussehen:

Link 1
  Link 1.1
    Link 1.1.1
Link 2

Wie müßte ich das denn im obrigen Teil verändern, damit 2tes bei raus kommt?


Danke für Hilfe schon mal,
Gruß
JamieWolf

[schmalle]

die UL Tags verschachteln

[JamieWolf]

das hab ich ja ...

Aber er rückt sie halt nicht ein

[derHund]

Aber er rückt sie halt nicht ein

wer 'er'?

haste mal mit margin/padding rumgespielt? versuch do mal ein paar werte anzugeben ... siehst doch dann, was passiert ...

[wahsaga]

Re: ul tags (Tiefen Darstellung)

Original geschrieben von JamieWolf
#navBar ul {list-style: none; margin: 0; padding: 0;}

damit hast du für alle <ul> innerhalb von #navBar die außen- und innenabstände auf 0 gesetzt, und zwar unabhängig von der verschachtelungstiefe der ULs.