What do you think about controlling a <ul> list levels as seen by the enduser in browser with css padding ?
This just dawned on me while trying to perfect the template code to handle all the cat tree html properly. Makes it way simpler is there isn't some drawback to this. seo ? or any other voodo
Hopefully i can just get the template coded properly.
.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
This just dawned on me while trying to perfect the template code to handle all the cat tree html properly. Makes it way simpler is there isn't some drawback to this. seo ? or any other voodo
Hopefully i can just get the template coded properly.
.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
Comment