[SOLVED] Right border on each tab except the last.
Hi
I would like to have a divider between the different menu items. I have tried to put a right border on each tab, but that does not look good on the last one. Is there a way to have a right border on all tabs except the last? I use the latest version of both Wordpress and Atahualpa. Thanks |
Use CSS and the unique menu I'd for all but the last item
|
Thanks for your quick answer. How would the code look? This is how it looks today I guess.
<div class="horbar1"> </div> <div id="menu1"><table cellpadding="0" cellspacing="0" style="margin: 0 auto"><tr><td align="center"> <ul id="rmenu2" class="clearfix rMenu-hor rMenu"> <li class="page_item current_page_item"><a href="http://blueberrybuilders.com/test/" title="Blueberry Builders, LLC"><span>blueberry builders</span></a></li> <li class="page_item page-item-4"><a href="http://blueberrybuilders.com/test/?page_id=4"><span>Building Process</span></a></li> <li class="page_item page-item-6"><a href="http://blueberrybuilders.com/test/?page_id=6"><span>Commercial</span></a></li> <li class="page_item page-item-8"><a href="http://blueberrybuilders.com/test/?page_id=8"><span>Residential</span></a></li> <li class="page_item page-item-10"><a href="http://blueberrybuilders.com/test/?page_id=10"><span>Support</span></a></li> <li class="page_item page-item-12"><a href="http://blueberrybuilders.com/test/?page_id=12"><span>Contact</span></a></li> </ul></td></tr></table></div> I am not sure how to write the code in CSS Inserts. Do you have a suggestion? Thanks, Harald |
try this - add the following to the CSS Inserts
HTML Code:
#rmenu2 li.menu-item { border-left: solid 1px #000;} |
Thank you very much for your input. This is what I used in the end, and it worked perfect.
li.page-item-4 { border-right: solid 2px #366c95;} li.page-item-4 { border-left: solid 2px #366c95;} li.page-item-6 { border-right: solid 2px #366c95;} li.page-item-8 { border-right: solid 2px #366c95;} li.page-item-10 { border-right: solid 2px #366c95;} For me this issue is now solved. If you want to se the end result, go to www.blueberrybuilders.com/test Thanks again, Harald |
All times are GMT -6. The time now is 05:40 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.