Results 1 to 4 of 4

Thread: SEO friendly multi-level (tree) menu

  1. #1
    Registered Skeewe's Avatar
    Join Date
    Oct 2005
    Posts
    94

    SEO friendly multi-level (tree) menu

    Anybody has one to recommend ?

    Thanks

  2. #2
    Senior Member agua's Avatar
    Join Date
    Sep 2005
    Location
    Pottsville, NSW
    Posts
    531
    You should find something at either of these 2 sites:

    http://css.maxdesign.com.au/listamatic/

    http://css.maxdesign.com.au/listamatic2/
    I Do Website Design - but I am here to learn all about publishing

  3. #3
    Registered
    Join Date
    Mar 2008
    Posts
    14
    You can also google for "suckerfish" and "son of suckerfish".

  4. #4
    Site Contributor KLB's Avatar
    Join Date
    Feb 2006
    Location
    Saco Maine
    Posts
    1,181
    If you want to learn to build your own DHTML menus you can look at my source code at: http://environmentalchemistry.com/IE7HoverGlitch.html

    The primary concept behind nested menus is to use nested lists (e.g. <UL>) and then use CSS to position and turn on and off sub-lists. You can see what I mean by turning off/on CSS in your browser when loading the demonstration page above.

    My advice would to build such menus using pure DHTML menus and test against ONLY Firefox and Opera while developing the menus (make sure to validate your code against the W3C HTML/CSS validators). Then once the menus work correctly (sans JavaScript) in Firefox and Oper you can add in the necessary JavaScript "onMouseOver" and "onMouseOff" events to allow MSIE to turn on and off sub menus as MSIE does not properly support the "hover" pseudo class.

    The JavaScript I use for the demonstration page I linked to above can be viewed at: http://environmentalchemistry.com/Ja...pts/TopMenu.js

    Since the demonstration page is to demonstrate MSIE7's improper handling of the hover pseudoclass, the JavaScript excludes MSIE7 from using the JavaScript styling routines. If, however, one were to remove the MISE7 exclusion from the JavaScript the demonstration menu would work perfectly in MSIE via the JavaScript instructions.

    The idea behind the menu was to make it as JavaScript independent as possible and any browser that properly supports the hover pseudoclass (e.g. Firefox, Safari & Opera), would still be able to use the menu even if JavaScript is turned off. My hope is that MSIE8 finally fixes MSIE's issues with the "hover" pseudoclass.

    What I find with most "canned" DHTML menus is that they make things unnecessarily complex. Keeping your menu structure simple (e.g. nested UL lists) and properly using CSS will make your menus easier to maintain and more reliable.
    Last edited by KLB; 03-01-2008 at 11:21 AM.
    Ken Barbalace - EnvironmentalChemistry.com (Environmental Careers, Blog)
    InternetSAR.org: Volunteers Assisting Search and Rescue via the Internet
    My Firefox Theme Classic Compact: Based onFirefox's classic theme but uses much less window space

Similar Threads

  1. Stupid CSS menu!!
    By Masetek in forum HTML, CSS, Layout, and Design
    Replies: 0
    Last Post: 08-03-2006, 09:39 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •