Changing background colour to image on TABS buttons
Hi,
I am trying to create a background image on my tabs buttons, however it does not seem to work. Using the original code with background colour #FFC, and I have changed it to background: white url(shade.gif) top left repeat-x; instead, the background became white. May I know did I perform something wrongly? Thank you
/*Original Code */
.ui-tabs-selected a {
color: #000;
background: #FFC;
position: relative;
top: 1px;
}
/*My code*/
.ui-tabs-selected a {
color: #000;
background: white url(shade.gif) top left repeat-x;
position: relative;
top: 1px;
}
<div id ="tab_table">
<ul id="tabSet">
<li><a href="#panel1">University</a></li>
<li><a href="#panel2">Polytechnic</a></li>
<li><a href="#panel3">IB</a></li>
<li><a href="#panel4">'A' Levels</a></li>
<li><a href="#panel5">'O' Levels</a></li>
<li><a href="#panel6">Music</a></li>
<li><a href="#panel7">Language</a></li>
<li><a href="#panel8">Others</a></li>
</ul>