636,192 views 347 on YTPak
1,715 55

Published on 11 May 2010 | over 7 years ago

Host Unlimited Websites For $3.88 ! bit.ly/Powweb-Hosting-Sale
Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, $150 google adwords, E-Commerce Included, Dreamweaver Ready,
30 Day money back guarantee

This is part 1 for part 2 please follow this link:


In this tutorial by James from www.dreamweavertutorial.co.uk we will be create a menu, a horizontal css dropdown menu to be exact.
The css menu will be complete with css hover effects whereby the drop down menu is visible only when a user hovers over the main link on the horizontal menu.

Drop down menus are derived from the original sucker fish JavaScript dropdown menus. The drop down menu in css is exactly the same but will load much quicker in a web browser which is not only good for your website visitors but is also good for your Google page rank.
The menu requires some html mark up but is easy to make with good direction (from me!)

***** IMPORTANT ******

Paste this code into your css file for IE7

/* IE7 Display Fix */

#navMenu #holder ul li {

display: inline;



Google + gplus.to/dreamweavertutorial

Follow me on Twitter:
My RSS feed for Dreamweaver Tutorials:
Customize Your Hybrid Embed Video Player!

6-digit hexadecimal color code without # symbol.


Report video function is under development.


Loading related videos...