Vertical Hover with line seperators

Hello,

I am trying my first attempt with the DotNetNuke CSS Menu 3.3.

I am happy with the results so far however I would like to see if it is possible to add two features.

1. I would like to display the icon that I associated with the page if possible.

2. I would like to have a line separator between the menu items

I have tried adding a border to the css like the following but it gives me more borders then I would like.

#nav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 12em;
  list-style: none;
  border: 1px solid #fff;
}

I think I read in a post the displaying the icon is possible if I have the right version .dll. If so how do I get it?  

Regards,

Chris

Hi Chris,

If you have 3.3 then you have all the changes to date.

To display the Page Icons you can set DisplayIcon="True".  You may also want to set the IconFolder to a specific path. By default IconFolder="[SkinPath]/images"

You can do seperators a few different ways.  I like to make the seperator an image and then set it for the background with a position to the right.

Look in the suckerfish example skin.css for the "hasChildren" classes to see how to put an image in the background to the right.

background: url(MRPix/rightarrow2.gif) center right no-repeat; 

John,

I did get  the graphics figured out.... very cool. I used the default directory . I want to try to figure out the defined by me directory too.

I will be working on the seperators with in the next couple of days.

Thanks

Chris