Upload

Loading icon Loading...

This video is unavailable.

CSS Horizontal Drop Down Menu - 1 of 2

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like Quality Web Design Tutorials's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike Quality Web Design Tutorials's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add Quality Web Design Tutorials's video to your playlist.

Uploaded on May 11, 2010

Host Unlimited Websites For $3.88 ! http://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:

http://www.youtube.com/watch?v=vW4IzA...

In this tutorial by James from http://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:
http://www.twitter.com/dreamweaverman
My RSS feed for Dreamweaver Tutorials:
http://www.dreamweavertutorial.co.uk/...

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Loading icon Loading...

Advertisement
Loading...
Working...
to add this to Watch Later

Add to