PDA

View Full Version : tab content script



uzirdotcom
09-27-2006, 04:43 PM
1) Script Title:
tab content script
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
3) Describe problem:
ive got the tabs working perfectly except i do not understand how to use the .gif images for the tab highlite affect. i would also like to be able to resize the tab content box. i have been searching for the area of code that controls that. even in the .js file and .css. someones help would be greatly appreciated.
thanks in advance, uzirdotcom

jscheuer1
09-27-2006, 05:06 PM
From tabcontent.css - the highlight image:


.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

The tab content box dimensions:


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

You can add a height property/value pair to the above if you like but, it is often good to allow the container to resize its height to its contents. Odd things will happen if there is more content than will fit in the set width X the set height.

uzirdotcom
09-27-2006, 06:39 PM
thanks for the scripts. i figured it out. thanks a lot. really appreciated