Dividers question with CSSmenu - Horizontal

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
lighthouse

Dividers question with CSSmenu - Horizontal

Post by lighthouse »

Hey everyone,

I have a quick question about the dividers that separate each parent menu item in the CSSmenu - Horizontal menu system.  How do I eliminate the last divider at the far right so it doesn't show up?  It looks kind of funny having the divider at the far right when it is the last button.

Here is the URL: http://www.hollycreekretirementcommunity.org/index.php

Note: in Firefox, another extra divider shows up to the left of the menus as well.  In IE7, the extra divider is only to the right of the menus.

Any help would be much appreciated.  Thanks!

-Wes
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Dividers question with CSSmenu - Horizontal

Post by Dr.CSS »

To remove the border, which is set to be on both sides of the li, you will have to assign a specific class to each li item to be able to pick out the first and last item and tell them not to have the borders...

In menu manager make a custom template out of the one used now, by importing it in second tab, add alias}" this will give you the page alias as a class to use for styling...

Nice looking but you have a few error warnings...

Result: 0 errors / 16 warnings

line 1 column 1 - Warning: missing declaration
line 16 column 1 - Warning: inserting "type" attribute
line 45 column 1 - Warning: proprietary attribute "leftmargin"
line 45 column 1 - Warning: proprietary attribute "topmargin"
line 45 column 1 - Warning: proprietary attribute "rightmargin"
line 45 column 1 - Warning: proprietary attribute "bottommargin"
line 45 column 1 - Warning: proprietary attribute "marginwidth"
line 45 column 1 - Warning: proprietary attribute "marginheight"
line 59 column 1 - Warning: proprietary attribute "height"
line 216 column 6 - Warning: proprietary attribute "background"
line 218 column 6 - Warning: proprietary attribute "background"
line 230 column 14 - Warning: proprietary attribute "widh"
line 246 column 21 - Warning: proprietary attribute "widh"
line 264 column 53 - Warning: attribute "href" lacks value
line 293 column 6 - Warning: proprietary attribute "background"
line 295 column 6 - Warning: proprietary attribute "background"
Info: Document content looks like HTML Proprietary


Any reason you are using table layout?...
Locked

Return to “Layout and Design (CSS & HTML)”