[SOLVED] Adding pipe character to separate menu items
Hi guys!
How can I add the pipe separator "|" between page menu bar items? Thanks! KIP |
That's usually done with a right or left border on all but one menu item.
|
Hi Larry -
Thanks! Makes sense...but how might I code it? KIP |
As a starting point add the following to ATO>Add HTML/CSS Inserts>CSS Inserts. You will have to tweak for your particular needs.
HTML Code:
div#menu1 li {border-right:1px solid black;} |
Excellent! Thanks!
|
Hi Larry -
Well, it's not working cause I'm not sure how to incorporate in the coding I am using for a transparent background. Here is the code below. Where should I add the right border coding? Thanks!!! div#menu1 { height: 40px; margin-top:20px; background: none; } div#menu1 ul.rMenu { background: none; border: none 0px; } ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:active, ul.rMenu li a:visited, ul.rMenu li { background: none !important; } |
What happens if instead of border:none 0px; you have
HTML Code:
border-left:1px solid black; |
Hi Larry -
Sorry for not replying sooner - I've been covered up with travel and other deadlines. Silly me for not giving a URL! http://www.fivestarmetalworks.com And YAY! It worked! Thanks!!! KIP |
All times are GMT -6. The time now is 12:36 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.