Menu separator css question
Yuki - June 19, 2009 - 14:16
User CP | Games | Calendar | Members | FAQs | Sitemap | Support |
You can see "|" this symbol in website.
I can put only menus using css like below:
User CP Games Calendar Members FAQs Sitemap Support
but if i want to put this "|" between menu titles then what is the tag or tricks I need to put in the theme's style.css file? Please kindly inofrm me.
I am using foliage theme.
Normally the easy peasy way
Normally the easy peasy way is to use CSS borders, such as:
#primary li {border-right: 1px solid #000;}#primary li.last {border-right: none;}
Professional Drupal Design and Theme Services
Or maybe
Or maybe:
#primary li {float:left;}#primary li a {display:block; padding:0 12px; line-height:1.8; border-right: solid 1px #000;}
#primary li.last a {border-right: none;}
Change the left and right padding and line-height to what you need.
This way the links take up more space than just the text alone.
www.opstijgendenevel.nl