Results 1 to 11 of 11
  1. #1
    Join Date
    Nov 2005
    Location
    Nottingham, UK
    Posts
    411

    Whats the best navigation technique?

    Its possible create a rollover image navigation using images, javascript and even purely CSS... but whats the preferred method?

    Should i use javascript to create image rollovers for my navigation? if so whats the cleanest code that will work cross platform? alternatively should i use CSS and run the risk of the navigation loading a lot quicker but also possibly not appearing properly cross browser?

    Whats the (or your) preferred choice?

  2. #2
    Join Date
    Sep 2005
    Location
    Middle England
    Posts
    918
    Personally I prefer good old text links, they're clean, and guaranteed to be cross browser compatible.

  3. #3
    Join Date
    Nov 2005
    Location
    Nottingham, UK
    Posts
    411
    Quote Originally Posted by bluedreamer
    Personally I prefer good old text links, they're clean, and guaranteed to be cross browser compatible.
    I agree theres nothing like good old plain text links... but when you want something more creative and visually pleasing whats the best method of using image rollovers?

  4. #4
    Join Date
    Jun 2006
    Location
    SW England
    Posts
    81
    SEO should be a big consideration when designing navigation so personally I would avoid JS as much as possible.

    http://www.webcredible.co.uk/user-fr...-buttons.shtml
    -- Keith - StormHosts
    Professional Microsoft ASP, .Net, MS SQL and Reseller Hosting Since 2001
    Visit our Community at Stormhosts.net

  5. #5
    I agree with Aradorn. Search engines crawlers "don't understand" Java script, so using JS for navigation may hamper indexing of the site.

  6. #6
    Join Date
    Sep 2005
    Location
    Middle England
    Posts
    918
    Quote Originally Posted by sabian1982
    I agree theres nothing like good old plain text links... but when you want something more creative and visually pleasing whats the best method of using image rollovers?
    You can achieve lots of rollover effects using CSS...

    http://www.ssi-developer.net/css/men...r-effect.shtml
    http://www.dynamicdrive.com/style/cs...y/category/C1/
    http://www.dynamicdrive.com/style/cs...y/category/C2/

  7. #7
    Join Date
    Nov 2005
    Location
    Nottingham, UK
    Posts
    411
    I think perhaps i examine CSS in more detail, i tried to create a menu with rollover images using css which was rather fiddley and although it worked in IE had some cross browser problems. Ill take a closer look at your suggestions.

  8. #8
    Join Date
    Aug 2006
    Posts
    35

  9. #9
    image rollovers are the way to go, clean and neat

  10. #10
    Join Date
    Feb 2006
    Location
    England
    Posts
    2
    CSS is definately the way to go when styling your navigation links.

  11. #11
    Join Date
    Jul 2004
    Posts
    2,360
    Quote Originally Posted by Paloma
    I agree with Aradorn. Search engines crawlers "don't understand" Java script, so using JS for navigation may hamper indexing of the site.
    That is why you have the fancy navigation on the top and simple text links at the bottom for the search engines AND for people with javascript disabled.

Posting Permissions

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