PDA

View Full Version : Remove Spaces Between Tabs (Tab Content script v2.2)



vlane95678
03-16-2009, 07:32 PM
1) Script Title: Tab Content script v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

3) Describe problem: In this scripts original state there is a small space separating each tab. Is there a way to remove the space so the tabs sit right next to each other without the white space?

ddadmin
03-16-2009, 11:25 PM
This is really a CSS issue. If you're talking about the very first blue tinted tabs, try floating each tab's link using "float:left". Similar to the two demos that follow it that do this, the tabs should appear side by side with no gaps in between, though to get the exact look you want, you'll obviously need to further modify the CSS.

vlane95678
03-16-2009, 11:27 PM
So would that be in the html page or in the css or in the .js file?

vlane95678
03-16-2009, 11:40 PM
Oh right, css file - got it.

I added the float left to this:

.shadetabs li{
display: inline;
margin: 0;
float:left;

and it works like a charm!