Busby Select Nav Demo

Search Engine Friendly <SELECT> Box Imitation, CSS List Navigation Demonstration

The objective of making this navigation is to come up with an alternative to using the HTML <SELECT> tag in page navigations to be used on the Busby SEO Challenge website. Since this method uses HTML forms that are not crawlable by search engine bots/spiders and can provide indexing issues as well as ranking issues as your internal linking connectivity is not optimized.

The alternative technique works similarly to a CSS dropdown navigation but giving it a <SELECT> box look and feel.

The challenge here is this navigation works perfectly flawless in all browsers except Safari & Konqueror. Any menu item below the scroll box is unclickable as Safari & Konqueror would refresh itself scrolling to the top for every mouseover list item.

The best way to explain it is try using the navigation below in Safari or Konqueror.

Who ever can come up with the best Safari/Konqueror solution to this challenge will receive credits to have 2 domain name registration credits for 1 year for any domain of choice.

To join, simply view the source of this page, copy and paste it and host it anywhere, make a blog post why your solution is the best solution and send a notice to us where your blog post is by email to: selectnav[at]busbyseochallenge[dot]com.

Our criteria for judging would be the entry with the least CSS hacks (which does not mean you cannot apply CSS hacks), minimal code, if possible no JavaScript User-Agent detection code, and no solution using server-side programming languages.

Try it below:

Features:

• Crawlable code by all search engines. Uses plain unordered list <UL> and <LI> tags.
• Cross-browser compatible. Tested on IE7, IE6, Firefox, Camino, Flock, Opera and Netscape (Yes I still have Netscape 9.0 installed) but still figuring out the Safari/Konqueror challenge.
• Customizable colors, gives you more design freedom than an ordinary <SELECT> that works on not just IE!