How do I modify the Tab Content to my Choice?

[fakshon]

1) Script Title: Tab Content Script

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

3) Describe problem: OK I have been able to resize the content box and have been able to add tables to the content box. What I am trying to do is to make the tabs closer together and to Change the background color of the Content Box is that possible? And if it is how Can I do this?:)

[jscheuer1]

To get the tabs closer together edit this style from tabcontent.css:


.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

using -4px will make them touch.

The background color of the content box can be set by adding a background-color property/value pair here (addition red):


.tabcontentstyle { /*style of tab content oontainer*/
border: 1px solid gray;
width: 97%;
height: 500px;
overflow: scroll;
margin-bottom: 1em;
padding: 10px;
background-color:red;
}