How Can I Create the Category list to look like this?

**Robert T** · 2 Jul 2006, 06:29 PM

This is a sample of an idea I would like to copy.
I need to know what to edit to get the lines between the categories like this. It can't be something that is added to the top of bottom of an item because the lines are only in between the Categories and not on top and bottom.

Also I like the bullets and would like to be able to add bullets and if possible to have nt only the Category name as a link but to have the whole table cell containing the category name as a link.

**kuroi** · 2 Jul 2006, 07:23 PM

The answer is probably CSS, but we would need to see what you are talking about to be sure.

**Robert T** · 2 Jul 2006, 07:52 PM

Sorry, I forgot to attach the image.

Here it is.

**kuroi** · 2 Jul 2006, 08:02 PM

This is a fairly straightforward example of using CSS to style an unordered list using a bottom border, padding and margins and a background image for the bullet. I recommend a quick Google search for something list "CSS vertical menus" and you'll find lots of tutorials telling you how to do this.

**kuroi** · 2 Jul 2006, 08:33 PM

A further thought would be that as you've presumably seen thios on another site, lift the hood and take a look inside. Even if you don't have all the fancy tools, you can look at the HTML by doing a View Source in your browser, and can then see from the header section of the HTML the path to the stylesheet.

**Robert T** · 2 Jul 2006, 08:43 PM

I am good with CSS styles and classes but what I could not figue out was how to get the list to display with lines in between and not on either end. How can CSS do this?