Announcement

Collapse
No announcement yet.

Standard Nested UL cat tree styled via css

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

    Standard Nested UL cat tree styled via css

    I am using the Sebenza Category Tree mod.

    I am attempting to build a valid <ul> structured cat tree with minimal resultant html.

    Here is what I have in template so far:

    Code:
    <ul id="catwrapperul">
    <mvt:foreach iterator="tree" array="cattree">
    
       <mvt:if expr="g.Category_Code EQ l.settings:tree:code">
    
    
    <mvt:if expr="l.settings:tree:parent_id GT 0">
    <ul class="cat_ul1">
    </mvt:if>
    
    <li class="&mvt:tree:class;">►<a href="/page/&mvta:store:code;/CTGY/&mvta:tree:code;">&mvt:tree:name;</a></li>
    
    <mvt:if expr="l.settings:tree:parent_id GT 0">
    </ul>
    </mvt:if>
    
    
       <mvt:else>
    
    
    <mvt:if expr="l.settings:tree:parent_id GT 0">
    <ul class="cat_ul1">
    </mvt:if>
    
    <li class="&mvt:tree:class;"><a href="/page/&mvta:store:code;/CTGY/&mvta:tree:code;">&mvt:tree:name;</a></li>
    
    <mvt:if expr="l.settings:tree:parent_id GT 0">
    </ul>
    </mvt:if>
    
    
       </mvt:if>
    
    </mvt:foreach>
    </ul>
    It is giving me html like this:

    HTML Code:
    <ul id="catwrapperul">
    <li class="cat"><a href="/page/CPO/CTGY/mul">Mulberry Paper</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/tis">Mulberry Tissue</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mtx">Mulberry Textured</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/msm">Mulberry Smooth</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mmr">Mulberry Marbles</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mbt">Mulberry Handpainted Batiks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mbr">Recycled Mulberries</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mfl">Mulberry Florals</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/lok">Lokta Paper</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/lso">Lokta Solids</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/lmr">Lokta Marbles</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/ltd">Lokta Tie-Dyes</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/lck">Lokta Crinkle</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/lfl">Lokta Florals</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/lrc">Recycled Loktas</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/slk">Silk Paper</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/ssf">Soft Silk</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/slb">Silk Blends</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/japan">Japanese Paper</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/japan-washi">Japanese Washi and Chiyogami</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/japan-other">Japanese Paper Other</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/floral">Floral</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/flt">Other Florals</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/fls">Smooth Florals</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/flc">Floral Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/flp">Pressed Flower Florals</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/flx">Textured Florals</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/batik">Batik</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/indian_solid">Indian Solids</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/thai_handpaint">Thai Handpainted</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/tibetan_batik">Tibetan Batiks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/indian_handpaint">Indian Handpainted</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/metallic">Metallic</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mts">Solid Color Metallics</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mto">Oxidized Metallics</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/metallic_pearl">Pearlized Metallics</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mtm">Metallic Mica Papers</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mth">Other Metallics</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/car">Cardstock</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdw">Whites Ivories</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdp">Pastel Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cde">Earthtone Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdb">Bright Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdn">Natural Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdo">Other Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/cdf">Floral Cardstocks</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/mtc">Metallic Cardstocks</a></li>
    </ul>
    <li class="cat"><a href="/page/CPO/CTGY/tex">Textured Paper</a></li>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/tlc">Lokta Crinkle</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/ttw">Thai Wrinkles</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/tlp">Leather Paper</a></li>
    </ul>
    <ul class="cat_ul1">
    <li class="cat1"><a href="/page/CPO/CTGY/tot">Other Textured</a></li>
    </ul>
    snip
    </ul>
    </ul>
    Too many <ul>'s although now valid once I stripped the closing </li>'s.

    It need to generate like this:

    HTML Code:
        <ul>
                <li class="cat">A PARENT CAT
                    <ul>
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                    </ul>
                <li class="cat">A PARENT CAT
                    <ul>
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                        <li class="cat1">ABC
                    </ul>
                
            </ul>
    Please help; I'd like "getter done" and everyone could use some clean tree code !
    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

    #2
    Re: Standard Nested UL cat tree styled via css

    everyone could use some clean tree code
    Not by using unordered lists though. Unless you are seeking a flyout cattree menu then unordered lists should be avoided. If you are, be prepared to spend a lot of time trying to overcome cross browser compatibility issues. If and when you do get those problems solved, they will likely only be solved for that particular cattree - i.e. when someone else tries to copy your code they are likely to run into cross browser compatibility issues because their tree probably is unlikely to be the same as yours. This is fine if they have the CSS skills to solve the cross browser compatibility issues - if they don't they would be walking into a whole mess of trouble and heartache.

    Comment


      #3
      Re: Standard Nested UL cat tree styled via css

      I dumped the sebenza tree and now have the stock one like I want as unordered list with no apparent browser issues down to 3 or 4 levels.
      Also have rebuilt WCW's Toolkit tree fully expanded.
      All test W3C valid.
      http://beta.handmade-paper.us/page/CPO/SFNT
      http://beta.handmade-paper.us/page/CPO/TK

      Maybe I'm going too geek on this, but somehow after doing too much reading about deprecated elements etc I came to the conclusion of build these trees with UL markup.
      Yes the CSS for all the levels was a bit painful with descendant selectors.
      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


        #4
        Re: Standard Nested UL cat tree styled via css

        Looks good. You sure have a lot of categories. :-)
        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


          #5
          Re: Standard Nested UL cat tree styled via css

          I really like your expanded category tree on the ToolKit page: http://beta.handmade-paper.us/page/CPO/TK

          What is the template code you used to get it to show that way? I am going crazy trying to do this exact thing and am crashing and burning in a big way. I can see your stylesheet but would love to know what your cattree template looks like!

          I am doing pretty good with all my category and page template edits, but the category tree seems to be beyond my skill level.

          I love handmade paper and I think your site is going to be great!

          Many thanks,
          Lynne
          Feel free to email me.
          Last edited by lynnephelps; 08-19-08, 09:27 PM.
          Lynne Phelps
          Sy-Klone International
          www.sy-klone.com
          Reduce Costs and Increase Uptime with Air Precleaners for Engines & HVAC

          Comment


            #6
            ToolKit Category Tree Re: Standard Nested UL cat tree styled via css

            Hmm thought I posted that, but can't find it - must have got lost when the forums were hacked a while back.
            Here is what I built after a bit of pain and suffering.
            I couple of the guys on here poo poo the use of UL's or OL's for Cat trees mainly due to hacking related to IE 6.
            A prominent author and expert member of the web standards project, Andy Clarke would likely agree with my use of the list based on what I've picked up from his writings.
            Let me know how it works for you.

            I pasted the whole page template here. You can either try that or pull out the Div for the Cat Tree only .
            Code:
            <mvt:item name="html_profile" />
            <head>
                <title>&mvt:store:name;</title>
                <base href="&mvt:global:basehref;">
                <mvt:item name="head" param="head_tag" />
            </head>
            
            <mvt:item name="body">
                <mvt:item name="hdft" param="global_header" />    
                
                    <mvt:item name="navbar" />
                
                    <mvt:item name="hdft" param="header" />
            The fully expanded tool kit tree has the "cattree" class id assigned instead of "toolkit".
            <div id="cattree">
            TOOL KIT TREE
            <mvt:item name="toolkit" param="parentcat|pccount" />
            <ul>
            <mvt:comment> check for parent cats </mvt:comment>
            <mvt:foreach iterator="parent_category" array="parent_categories">
            <mvt:if expr="g.Category_Code EQ l.settings:parent_category:code">
             <li>&mvt:parent_category:name;
            <mvt:else>
             <li><a href="/page/&mvta:store:code;/CTGY/&mvt:parent_category:code;">&mvt:parent_category:name;</a>
            </mvt:if>
            <mvt:comment> check for 1st level subcats </mvt:comment>
            <mvt:item name="toolkit" param="subcat|ccount|l.all_settings:parent_category:code" />
            <mvt:if expr="ccount GT 0">
            <ul class="cat_ul1">
            <mvt:foreach iterator="sub_category" array="sub_categories">
            <mvt:if expr="g.Category_Code EQ l.settings:sub_category:code">
            <li> &mvt:sub_category:name;
            <mvt:else>
            <li><a href="/page/&mvta:store:code;/CTGY/&mvta:sub_category:code;">&mvt:sub_category:name;</a>
            </mvt:if>
            <mvt:comment> check for 2nd level subcats </mvt:comment>
            <mvt:item name="toolkit" param="subcat2|ccount2|l.all_settings:sub_category:code" />
            <mvt:if expr="ccount2 GT 0">
            <ul>
            <mvt:foreach iterator="sub_category2" array="sub_categories2">
            <mvt:if expr="g.Category_Code EQ l.settings:sub_category2:code">
            <li> &mvt:sub_category2:name;
            <mvt:else>
            <li><a href="/page/&mvta:store:code;/CTGY/&mvta:sub_category2:code;">&mvt:sub_category2:name;</a>
            </mvt:if>
            <mvt:comment> check for 3rd level subcats </mvt:comment>
            <mvt:item name="toolkit" param="subcat3|ccount3|l.all_settings:sub_category2:code" />
            <mvt:if expr="ccount3 GT 0">
            <ul>
            <mvt:foreach iterator="sub_category3" array="sub_categories3">
            <mvt:if expr="g.Category_Code EQ l.settings:sub_category3:code">
            <li> &mvt:sub_category3:name;
            <mvt:else>
            <li><a href="/page/&mvta:store:code;/CTGY/&mvta:sub_category3:code;">&mvt:sub_category3:name;</a>
            </mvt:if>
            <mvt:comment> check for 4th level subcats </mvt:comment>
            <mvt:item name="toolkit" param="subcat4|ccount4|l.all_settings:sub_category3:code" />
            <mvt:if expr="ccount4 GT 0">
            <ul>
            <mvt:foreach iterator="sub_category4" array="sub_categories4">
            <mvt:if expr="g.Category_Code EQ l.settings:sub_category4:code">
            <li> &mvt:sub_category4:name;
            <mvt:else>
            <li><a href="/page/&mvta:store:code;/CTGY/&mvta:sub_category4:code;">&mvt:sub_category4:name;</a>
            </mvt:if>
            </mvt:foreach>
            </ul>
            </mvt:if>
            </mvt:foreach>
            </ul>
            </mvt:if>
            </mvt:foreach>
            </ul>
            </mvt:if>
            </mvt:foreach>
            </ul>
            </mvt:if>
            </mvt:foreach>
            </ul>
            </div>
            
            
                    <div id="global_footer"><mvt:item name="hdft" param="global_footer" /></div>
            </mvt:item>
            </html>
            
            Last edited by Barrett; 08-20-08, 05:36 AM.
            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


              #7
              Re: Standard Nested UL cat tree styled via css

              If you're going to do flyouts with the UL container then I'd like to see your solution to the Peekaboo bug. Then I'd like to see your solution to the security errors the iFrame shim Peekaboo hack generates. I hope you realize you're gonna need a dynamically sized Peekaboo hack. A static one just won't do.

              Then you'll discover you can't use dropdown category trees when the sub-categories are too large. They won't fit on the screen.

              I have all this worked out. It is truly a pain in the gluteus maximus. I hope you've found a better solution.
              Steve Strickland
              972-227-2065

              Comment


                #8
                Re: Standard Nested UL cat tree styled via css

                Originally posted by Biffy View Post
                If you're going to do flyouts with the UL container then I'd like to see your solution to the Peekaboo bug. Then I'd like to see your solution to the security errors the iFrame shim Peekaboo hack generates. I hope you realize you're gonna need a dynamically sized Peekaboo hack. A static one just won't do.

                Then you'll discover you can't use dropdown category trees when the sub-categories are too large. They won't fit on the screen.

                I have all this worked out. It is truly a pain in the gluteus maximus. I hope you've found a better solution.
                My solution is simply an expanded cat tree as text and does not consider any advanced flyouts, iframes etc. I don't think anybody was asking for those at the moment.
                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


                  #9
                  Re: Standard Nested UL cat tree styled via css

                  Originally posted by Barrett View Post
                  My solution is simply an expanded cat tree as text and does not consider any advanced flyouts, iframes etc. I don't think anybody was asking for those at the moment.
                  If I understand this correctly, you are willing to put up with extensive browser hacks in order to avoid paying for a module that displays an expanded cattree. In my shop the time involved in writing a multi-level CSS UL menu costs a lot more than a module.

                  Personally, I would never use a UL container unless there was absolutely no other way to do the job. I'm doing drop-down menus now using other containers that do not have browser bugs to hack. For a simple expanded cattree I would never consider the UL container as a candidate.

                  IE6 commands about 1/3 of the global browser market (decreasing trend) and it is a diseased, infected puss-pocket of evil where the UL container is concerned. We're not allowed enough space in this message forum to list all the IE6 bugs when UL containers are used. There's hundreds of them.

                  In a few years, when IE6 dies, the UL container will become practical, even preferred, as an elgant cattree solution. Until they hold that funeral I'd avoid the UL like the plague.
                  Steve Strickland
                  972-227-2065

                  Comment


                    #10
                    Re: Standard Nested UL cat tree styled via css

                    Steve,

                    Are you saying don't use <ul>....</ul> anywhere in html?
                    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


                      #11
                      Re: Standard Nested UL cat tree styled via css

                      Originally posted by Biffy View Post
                      If I understand this correctly, you are willing to put up with extensive browser hacks in order to avoid paying for a module that displays an expanded cattree....
                      I never mentioned anything about avoiding paying for a module - which one where, who. ???
                      Tool Kit does it. Have it.
                      Sebenza's Cat tree does it have it, but don't use it due to some unresolved template issues that I covered using the stock Cat tree.

                      This is simply template code to generate the category tree fully expanded using WCW's Tool Kit module that I built based on a UL.
                      No browser hacks are requuired to display it in IE 6.
                      Last edited by Barrett; 08-20-08, 07:40 AM.
                      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


                        #12
                        Re: Standard Nested UL cat tree styled via css

                        Are you saying don't use <ul>....</ul> anywhere in html?
                        Let me answer - don't use them in dynamically generated menus such as the category tree.

                        Comment


                          #13
                          Re: Standard Nested UL cat tree styled via css

                          Originally posted by Pete McNamara View Post
                          Let me answer - don't use them in dynamically generated menus such as the category tree.
                          Why not other than issues related to IE browser hacks for extra menu features Biffy outlined ???

                          It is indeed a list and able and presentation controlled nicely with external css.

                          Other than using a list; the only thing I've been seeing is a tree loaded with nbsp, <br>, swarm of div's, and maybe somewhere I saw some of the above mixed with table cells etc.

                          So in my experiment with Tool Kit with a fully expanded tree as W3C valid what makes the UL structure such a bad thing ???
                          http://beta.handmade-paper.us/page/CPO/TK
                          Last edited by Barrett; 08-21-08, 07:06 AM.
                          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


                            #14
                            Re: Standard Nested UL cat tree styled via css

                            Andy Clarke would likely agree with my use of the list
                            Can you provide some links please? I would be surprised if he recommended unnecessary code. There is nothing that I see in those cattree menu examples you provide above that require that level of complexity in coding.

                            IMO, in addition to the cross browser compatibility issues that Biffy outlined, your method adds a significant amount unnecessary html code to each page - it's kind of like using hedge clippers to mow your lawn - they will do a job but there are better and more efficient ways of completing the task.

                            As another issue, your list code is incomplete and will not validate in XHTML (missing the end list item tags i.e <\li>). To make it validate means even more code and lowers the text content to code ratio even more.

                            IMO, your method involves significant overcoding plus there are better solutions (except if you require a flyout menu). A sledgehammer will crack a nut but is it necessary?

                            My 2 cents.

                            Comment


                              #15
                              Re: Standard Nested UL cat tree styled via css

                              Originally posted by Pete McNamara View Post
                              Can you provide some links please? I would be surprised if he recommended unnecessary code. There is nothing that I see in those cattree menu examples you provide above that require that level of complexity in coding.

                              IMO, in addition to the cross browser compatibility issues that Biffy outlined, your method adds a significant amount unnecessary html code to each page - it's kind of like using hedge clippers to mow your lawn - they will do a job but there are better and more efficient ways of completing the task.

                              As another issue, your list code is incomplete and will not validate in XHTML (missing the end list item tags i.e <\li>). To make it validate means even more code and lowers the text content to code ratio even more.

                              IMO, your method involves significant overcoding plus there are better solutions (except if you require a flyout menu). A sledgehammer will crack a nut but is it necessary?

                              My 2 cents.
                              I don't have any links for you. I have been reading a book he wrote, Transcending CSS, and he seems to steer firmly in the direction of using UL or OL for many many things including navigation. The extent of the list markup use is so extensive I'm certain if he had a Miva Cat Tree in hand when he authored the book it would have gone this route.

                              Hmm I never made any claims to XHTML in my markup....My stuff is currently 4.01 Transitional valid as stated in the page declaration
                              <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
                              to build on the default that merchant comes as set out of the box plus others have pointed out some 3rd party mods may not producce xhtml valid code.

                              If there becomes a compelling reason to update to that, I'll convert, but have other fish to fry at the moment.

                              You mention " text content to code ratio even more..." - I suppose the implication is SEO issues... I suppose your right about that although if I had nothing else better to do I could compare it to other cat tree structures for an exact code character count.
                              It seems like splitting hairs since other structures I've witnessed on other sites or simply the defaults as produced by Sebenza, Miva Merchant, or ToolKit out of the box had loads of nbsp and <br> tags...

                              So what exactly should we build these trees with in your opinion; sorry if I missed it in the thread ?
                              Div's nbsp <br> <p>
                              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

                              Working...
                              X