Announcement

Collapse
No announcement yet.

cat tree ul li css list level by padding

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • cat tree ul li css list level by padding

    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
    Last edited by Barrett; 07-06-08, 12:42 PM.
    Thanks,
    -Barrett
    Favorite Host Hostasaurus.com
    Order Processing by Shipworks.com
    Kindly Suggesting to:
    *Dump Explorer and http://GetFireFox.com
    *Post a meaningful subject line.
    *Click the # button before pasting code

  • Re: cat tree ul li css list level by padding

    Found out from a css community this should NOT be done.
    Thanks,
    -Barrett
    Favorite Host Hostasaurus.com
    Order Processing by Shipworks.com
    Kindly Suggesting to:
    *Dump Explorer and http://GetFireFox.com
    *Post a meaningful subject line.
    *Click the # button before pasting code

    Comment


    • Re: cat tree ul li css list level by padding

      yea, that's what i was going to say.
      Bruce Golub
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment


      • 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.
        Steve Strickland
        972-227-2065

        Comment


        • 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.
          Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
          Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
          Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
          Facebook http://www.facebook.com/EmporiumPlus
          Twitter http://twitter.com/emporiumplus

          Comment


          • Re: cat tree ul li css list level by padding

            Originally posted by wcw View Post
            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.
            Steve Strickland
            972-227-2065

            Comment


            • Re: cat tree ul li css list level by padding

              Originally posted by Biffy View Post
              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%
              Thanks,
              -Barrett
              Favorite Host Hostasaurus.com
              Order Processing by Shipworks.com
              Kindly Suggesting to:
              *Dump Explorer and http://GetFireFox.com
              *Post a meaningful subject line.
              *Click the # button before pasting code

              Comment


              • 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%.
                Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
                Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
                Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
                Facebook http://www.facebook.com/EmporiumPlus
                Twitter http://twitter.com/emporiumplus

                Comment


                • Re: cat tree ul li css list level by padding

                  Browser Stats
                  Steve Strickland
                  972-227-2065

                  Comment


                  • Re: cat tree ul li css list level by padding

                    Originally posted by wcw View Post
                    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.
                    Thanks,
                    -Barrett
                    Favorite Host Hostasaurus.com
                    Order Processing by Shipworks.com
                    Kindly Suggesting to:
                    *Dump Explorer and http://GetFireFox.com
                    *Post a meaningful subject line.
                    *Click the # button before pasting code

                    Comment


                    • 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.
                      Steve Strickland
                      972-227-2065

                      Comment

                      Working...
                      X

                      This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                      This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                      Accept