A quick, simple CSS menu for you. Nothing special going on here just 1 parent div containing the links and some simple CSS. I set the display of the links to 'block' - this displays each link on a new line. Then I apply a bit of padding and styling and give it a bottom margin of 1 pixel to expose the lighter background colour giving a line separating each link. A rollover colour change and that's it. Here it is - very simple but, I think, very neat:

Here's the code. This the div with links:

<div id="nav">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

And this is the CSS:

discuss this topic to forum