Thumnail images for tabs

Hope this helps, from good ol'Winston:

In order to modify the look of the tab set, you may have to overide some of the CSS rules of the selected theme in your StyleSheet

Here is an example

.Tab1Div {

background-color: rgb(211, 224, 235);

background-image: none;

background-repeat: repeat-x;

padding-top: 6px;

padding-left: 10px;

padding-right: 10px;

padding-bottom: 0px;

}

.Tab1Div td {

background-color: rgb(160, 183, 204);

background-image: none;

background-repeat: repeat-x;

border: none;

}

.Tab1Div td.Tab1TblSelTd {

background-color: rgb(237, 245, 248);

background-image: none;

}

Use appropriate background image to make your tabs look differently. For example you could create an image with rounded top to make the tab with rounded top.

BTW, in order to find the different CSS classes for the tab set look at the on line help for tab component or search for "Tab Set Component CSS Classes"

- WInston

http://blogs.sun.com/roller/page/winston?catname=Creator

from

http://forum.sun.com/jive/thread.jspa?forumID=123&threadID=62637

utsukushii at 2007-7-7 2:36:11 >