Is there an easy way to add a 'drop-down' element to an existing horizontal navigation menu on a website?

 

Here's a navigation menu that already exists:

 

 

 

And here's the current CSS:

 

 

Is there anything I can add to the existing CSS to make it a drop down menu? I don't have much experience with drop-down menus in CSS so any help would be massively appreciated!

 

Many thanks,

 

Anyone?

Anyone?

 

Try this

One way to accomplish this is by using Spry (Adobe's Ajax framework implemented in Dreamweaver).

Cheers Thierry! However, can I not just add some additional CSS to what's already there? i.e.

 

#topnav ul li {

blah

}

 

I'm fairly new to CSS and I've tried the above method with little success (I can get it to show the sub menus I need but they appear broken and mixed in with the navigation that's already there.

 

Thank you!

Cheers Thierry! However, can I not just add some additional CSS to what's already there? i.e.

 

#topnav ul li {

blah

}

 

I'm fairly new to CSS and I've tried the above method with little success (I can get it to show the sub menus I need but they appear broken and mixed in with the navigation that's already there.

 

Thank you!

 

Anyone?

Anyone?

 

Try these:

http://www.cssplay.co.uk/menus/final_drop.html

 

http://www.alistapart.com/articles/dropdowns

 

or just search for 'css dropdowns' on google.