cat tree ul li css list level by padding

[Barrett]

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

[Barrett]

Re: cat tree ul li css list level by padding

Found out from a css community this should NOT be done.

[Bruce - PhosphorMedia]

Re: cat tree ul li css list level by padding

yea, that's what i was going to say.

[Biffy]

Re: cat tree ul li css list level by padding

IE does not apply padding correctly so use text-indent instead. Also, watch out for IE 6 bugs using the UL container type. It's safer to use divs.

[wcw]

Re: cat tree ul li css list level by padding

Steve,

You should have said it is safer for customers to not use IE 6. The world would be a better place.

[Biffy]

Re: cat tree ul li css list level by padding

Steve,

You should have said it is safer for customers to not use IE 6. The world would be a better place.

Amen to that! Problem is, IE6 has a bigger market share than IE 7 and XP is outselling Vista on Ebay. Gonna be years before we can ignore the pure evilness of IE6. What I put on IE6's grave won't pass for flowers, if I live long enough to see it buried.

Firefox works great on PC's and is the top browser with IE6 at the number 2 spot and IE7 at number 3.

The new release of Opera is terrific and for the very first time I'm finding myself favoring Opera over Firefox. I love Opera's free cross-platform, multi-computer, multi-browser bookmark synching. It saves me tons of time when browser testing. Speed Dial is a wonderful feature and they have some extremely useful widgets that are brain dead simple to use. Plus it's faster than Firefox.

The new round of CSS 3 browsers coming out soon look astonishing. Standards compliancy has never been this excellent and the feature set is fantastic. Already 2 have achieved 100% compliancy and 2 more are very close. IE 8 only passes 18% of the Acid3 test and is the worst CSS 3 browser under development by a huge margin. I expect IE 8 will get slaughtered in the marketplace over the non-compliancy issue.

[Barrett]

Re: cat tree ul li css list level by padding

Amen to that! Problem is, IE6 has a bigger market share than IE 7 and XP is outselling Vista on Ebay.

Our user stats for June.

Internet Explorer

• 7.0 63.09%
• 6.0 36.84%
• 8.0 0.03%

[wcw]

Re: cat tree ul li css list level by padding

Barrett,

Are you saying all of your traffic is IE. Your numbers add up to nearly 100%.

[Biffy]

Re: cat tree ul li css list level by padding

Browser Stats

[Barrett]

Re: cat tree ul li css list level by padding

Barrett,

Are you saying all of your traffic is IE. Your numbers add up to nearly 100%.

No that is just the breakdown of the IE group.

[Biffy]

Re: cat tree ul li css list level by padding

There are some things that can skew your stats. For instance, we'll normally block out the store owner and the developer from the stats. A developer can easily run up 1,000 hits per day and more. Store owners can also run up a heck of a lot of hits. So, you need to block all your insiders from the stats to get a true picture of what the customers are using. Google Analytics provides a simple tool for doing this.

Your website will probably have its own unique browser profile. This is quite common to see. We develop for global and national statistics only to see deviation, sometimes a lot of deviation, for a given website. Also, it's natural for your browser profile to change over time.