Help with Left Hand Menus

I used to be pretty good at designing websites but, well, haven't done it for years and have forgotten! So I'm looking for some help.

I just want a left hand menu with several options that change colour as you hover over them (I can do that bit more or less) but if there are sub-options I would like them to appear. There appears to be a plethora of methods on Google, and I'd just like a very simple piece of code I can modify.

Any help?

Thanks,

Steve

Simple code for menu:

<ul>
<li><a href="http://www.yourdomain.com/" title="Home">Home</a></li>
<li><a href="http://www.yourdomain.com/about.html" title="About">About</a></li>
<li><a href="http://www.yourdomain.com/contact.html" title="Contact">Contact</a></li>
</ul>

Then you need to surround t with a div, position and size the div with css, colour the links, hover, visited, font type, font size. Use 'list-style:none;' to remove the bullets and so on.

Basic inline css code (put in head section of webpage):

<style type="text/css">
ul {list-style:none;}
</style>

I would just use one that appears in a google search - try and get a fairly recent one though as the CSS used for some of them is a lot more refined. I recently wanted a horizontal top menu and took bits from 2 different methods to get what I wanted.

Edited by deleted (Mon 06-Feb-12 14:32:21)