By dotidentity on

How do i get a "|" between my menu items.
Is this a CSS isseu, of can i fix this in my template (engine).

⋅ Categories: Drupal 5.x

Comments

pbull’s picture

pbull commented

It's best to style this using CSS... instead of inserting a pipe character, you style a border on on side of your list items, for example, something like:

ul.primary-links li {
border:1px solid #000;
border-width: 0 1px 0 0;
}
ul.primary-link li.last {
border-width:0;
}

themegarden.org’s picture

themegarden.org commented

If you wish, there is also another (?older?) way.
You can define "custom" theme function which can insert "pipe" character between links in your menu items. This function should be defined in template.php file.

But, css is better (the best) way.
---
themegarden.org

wolfderby’s picture

wolfderby commented

Where exactly would you put this css? in the tabs.css for jstools?

halloffame’s picture

halloffame commented

I'm sorry this thread is over a year old but how can I get rid of the first and and the last borders of the menu? 

ul.primary-link li.last {
border-width:0; }

does not seem to work for me.

prestonso’s picture

prestonso commented 
ul.primary-link li {
border: 0;
}

That may be what you're looking for.
___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My near-dead non-Drupal site

___________________

Preston So

halloffame’s picture

halloffame commented

Well that css gets rid of all the borders. What I meant exactly was to get rid of the left border of the first menu item and the right border of the last menu item.

prestonso’s picture

prestonso commented 
ul.primary-link li.last {
border-right: 0;
}
...
ul.primary-link li.first {
border-left: 0;
}

___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My near-dead non-Drupal site

___________________

Preston So