[Solved] Borders that don’t go all the way…?

[violinflu]

http://www.afarcry.org

Take a look at the top navigation – I’m trying to figure out how to make the white vertical dividers not extend all the way to the edge of the grey box they are sitting on top of. Ideally they would be just slightly taller than the lettering.

The grey box is created with a background color to the menu on top of a background image for the header, since it needs to bleed off to the right. I’m not sure if that made any sense. The white dividers are border-right’s. For extra bonus, can anyone tell me why Safari for Mac is showing a one-pixel misalignment between the two grey boxes near the "Concerts" link?

Thanks so much for any ideas you might be willing to share!

[TheDoc]

Find .sf-menu a in superfish.css.

You’ll notice it has some padding on it, you’ll need to add top and bottom margins for the grey background behind it to extend, but not the white border-right.

Something like:

.sf-menu a {
margin: 5px 0;
}

Adjust both the padding and margin until you’ve found what you like.

[violinflu]

Awesome. Thanks so much!

[Author]

Posts