• user warning: Table './avideotutorial/votingapi_vote' is marked as crashed and last (automatic?) repair failed query: SELECT * FROM votingapi_vote v WHERE 1 = 1 AND v.content_type = 'node' AND v.content_id = 254 AND v.tag = 'upndown' AND v.uid = 0 AND v.vote_source = '18.223.209.184' AND v.timestamp >= 1734796658 in /data/avideotutorial/sites/all/modules/votingapi/votingapi.module on line 557.
  • user warning: Table './avideotutorial/votingapi_vote' is marked as crashed and last (automatic?) repair failed query: SELECT * FROM votingapi_vote v WHERE 1 = 1 AND v.content_type = 'node' AND v.content_id = 254 AND v.tag = 'upndown' AND v.uid = 0 AND v.vote_source = '18.223.209.184' AND v.timestamp >= 1734796658 in /data/avideotutorial/sites/all/modules/votingapi/votingapi.module on line 557.

CSS Horizontal Drop Down Menu

Posted Mon, 08/15/2011 - 14:02

http://bit.ly/GoDaddy-Hosting-Sale Check out these great GoDaddy Hosting Plans!

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

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

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!)

Google + gplus.to/dreamweavertutorial

Follow me on Twitter:
http://www.twitter.com/dreamweaverman
My RSS feed for Dreamweaver Tutorials:
http://www.dreamweavertutorial.co.uk/feed.xml


See video
See video
  • Share this video tutorial

Relevant Tutorials

Comments

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options