A Search Engine Friendly Navigation Menu with CSS and JavaScript Part 1

A Search Engine Friendly Navigation Menu, the HTML and CSS

In this article I’m going to show you how to create a functional and attractive multilayer navigation menu using primarily CSS, with a touch of JavaScript to add some basic behaviour.

Need to create all kind of great web site navigation menus? Cascading Drop down Menus, Mega Menus, Popup or Context Menus. Menus that have great display animations, are CSS based and fully cross browser compatible, which makes them search engine friendly?

Then you need the Universal CSS Navigation Menu

$2.79

- OR -

see our Subscription Options

Dan Wellman

Dan Wellman is an author and web developer based in the UK. Dan has written three books so far; the latest, jQuery UI 1.7: The User Interface Library for jQuery, was released at the end of 2009.

Dan has been writing web development tutorials for over 5 years and works by day for a local digital media agency in his home town of Southampton.

See All Postings From Dan Wellman >>

Reviews

.sublist class ?

October 20, 2006 by Annick Charlotte

Hi, I'm sorry but I don't see the .sublist class in the CSS sheet. I'd like to know about its properties please. Thanks in advance for your answer. Annick Vermeulen sweetimagine@runbox.com

RE: .sublist class ?

October 20, 2006 by Dan Wellman

Hi Annick,

There is no .sublist class needed. The .toplist class is just a hack to make IE render the menu nicely. The rest of the styling comes from the .topmenu and .submenu classes and the ID selectors.

Hope this answers your question.

Best Wishes

Dan

You must me logged in to write a review.

$2.79

User Level: Any
Product: Dreamweaver MX, Dreamweaver MX 2004, Dreamweaver 8
Browser: All
Technologies: CSS, HTML, JavaScript
Number Of Pages: 7

Download The Most Advanced Web App Builder in the world!

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of our powerful extensions, as well as much more!

Download now for FREE

Extension Manager

The DMXzone Extension Manager is an application that will make your life easier. In a blink of an eye you can install, update and manage your extensions and templates.

Get it Now