What do you think about controlling a <ul> list levels as seen by the
enduser in browser with css padding ?
I just contemplated this while wrangling with some server side code
that builds a list dynamically based on how many records it sees and
whether they are parent or children....
.firstlevel {padding-left: 1em;}
.secondlevel {padding-left: 2em;}
Like this:
<ul>
<li class="firstlevel">Parent One</li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="firstlevel">Parent Two</li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
</ul>
Instead of this:
<ul>
<li class="firstlevel">Parent One</li>
<ul>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
</ul>
<li class="firstlevel">Lokta Paper</li>
<ul>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
<li class="secondlevel"></li>
</ul>
</ul>
Thanks,
Barrett
AOL/AIM handmadepaperus
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
