We've been experimenting w/Tabber-Widget and love it! We've found it very useful and very easy to customize styling through the template CSS. The one trick we've not been able to accomplish, though, is to add a continuous border that outlines/surrounds BOTH the tab and the content area without creating any visible border BETWEEN the tab and the content area.
We've chosen to retain white widget areas (white backgrounds) and would prefer a white background in the tabber-widget as well. However, we lose the active tab against the white background as a result. Simply putting a border around 3-4 sides of the tab itself looks a little odd, even if you include a border around the content area
Is there a CSS trick for this? Perhaps a way to make the active tab overlap slightly the content area below (and presumably cover up a portion of any border added to the top of the content area)?
Our site is at http://practicelight.com. For now, we've used gray backgrounds to create a contiguous look for the active tab. Any way to do this with borders?
Thanks in advance!
Andrea and Karl
Edited by Sridhar Katakam, 08 April 2010 - 05:56 AM.