The panels(tabs) are all showing the same background image(images/uk.gif). What
I want is to have a different background image for each div. I tried to do this
with a different
image putting a background image on the dhtmlgoodies_iTab class and changed the
class to on one of the divs to dhtmlgoodies_iTab but it didn´t work right. I
would be very greatful if someone could tell me how to get this working. Thank
you.
URL: http://216.219.94.105/index3.html
DIVS:
<DIV id=dhtmlgoodies_tabView1>
<DIV class=dhtmlgoodies_aTab>First Tab</DIV>
<DIV class=dhtmlgoodies_aTab>Second Tab</DIV>
<DIV class=dhtmlgoodies_aTab>Third Tab</DIV>
<DIV class=dhtmlgoodies_aTab>Fouth tab<BR>
</DIV></DIV>
CSS:
.dhtmlgoodies_tabPane {
BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 21px
}
.dhtmlgoodies_aTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif; background-image: url(../images/uk.gif);
BACKGROUND-REPEAT: no-repeat
}
.dhtmlgoodies_iTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif; background-image: url(../images/worldmap.gif);
BACKGROUND-REPEAT: no-repeat
}
.dhtmlgoodies_tabPane DIV {
BACKGROUND-POSITION: left bottom; PADDING-LEFT: 3px; FLOAT: left; MARGIN-LEFT:
0px; VERTICAL-ALIGN: middle; CURSOR: pointer; BOTTOM: -1px; MARGIN-RIGHT: 0px;
BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 90%
}
.dhtmlgoodies_tabPane .tabActive {
Z-INDEX: 10; BACKGROUND-IMAGE: url(../images/tab_left_active.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
.dhtmlgoodies_tabPane .tabInactive {
Z-INDEX: 1; BACKGROUND-IMAGE: url(../images/tab_left_inactive.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
.dhtmlgoodies_tabPane .inactiveTabOver {
BACKGROUND-IMAGE: url(../images/tab_left_over.gif); MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px
}
.dhtmlgoodies_tabPane SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left;
VERTICAL-ALIGN: top; LINE-HEIGHT: 21px; FONT-FAMILY: arial
}
.dhtmlgoodies_tabPane .tabActive SPAN {
PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px
}
.dhtmlgoodies_tabPane IMG {
FLOAT: left
---------------------------------
All New Yahoo! Mail Tired of unwanted email come-ons? Let our SpamGuard
protect you.
---------------------------------
New Yahoo! Mail is the ultimate force in competitive emailing. Find out more
at the Yahoo! Mail Championships. Plus: play games and win prizes.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
