View Full Version : Spry Menu Bar...padding? spacing?

12-29-2011, 04:34 PM
Hi. Still working on this site:

What I am having trouble with this time is:
I need some white space between each tab in the menu bar. I have changed the 'padding', but that is clearly not the answer. I suspect this is an easy fix, I'll be very appreciative if anyone can help me out.



12-29-2011, 11:49 PM
Not as straightforward as you might hope you can try adding a property like:

border-left: 2px solid #FFFFFF;

to the ul.MenuBarHorizontal li style rule

But you'll need to reset the width in that rule to accommodate the border and you may want to add an inline style to the first list item to remove the left-border for that one item only.

12-30-2011, 02:51 PM
Great. I think that did it: http://williambuchina.com/africa/tester.html

I am going to tweek the other borders a bit to get an equal border on all sides.

Thanks for the help.