Could someone help me with drop down menu's?

Soldato
Joined
28 Dec 2009
Posts
6,888
Location
Wales
I am new to HTML/CSS and I have found it easier reverse engineering template's to learn some of the basics.

However, I am stuck on how to add drop down menu's to my horizontal menu bar. Google brings up many and varied options. If someone could tell me the easiest I would be very grateful.

This is my website

The top navigation bar has its own html page. There is one css doc for the whole site. How do I approach this? I think my brain might implode!

Cheers for any help guys if you can!
 
Once I put the code in html wise, can I integrate the css into my existing css sheet to keep it all tidy? Want it to use same color scheme etc

@Pho - that looks promising. shall give that a blast!
 
Could it just be a case of creating a new ul item under one of the navigation menu headers then sticking a bit of code in the css file? This is it at the moment. I mean could I use the <ul> under say NAS reveiws to effectively create a child list? I assume then that I just need to edit my css to tell it that it's drop down menu?

<body>
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../about.htm">About Us</a></li>
<li><a href="../nas%20reviews.htm">NAS Reviews</a>
</li>
<li><a href="../Media%20Streamers%20Home%20Page.htm">Media Streamers</a></li>
<li><a href="../Cool%20Stuff%20Home.htm">Cool Stuff</a></li>
<li><a href="../contactus.htm">Contact Us</a></li>
<li><a href="../sitemap.htm">Site Map</a></li>
</ul>

</body>

</html>

Also, not sure why when linking items togetehr they generate the %20 in the code, unless thats inline css or something?
 
My menu in fact has its own page. So could I just build a fresh one on a new HTML and call it it the same as the previous one and the css file would pick it up and apply colors etc?
 
Back
Top Bottom