Issues with online Horizontal CSS Library?

[rtrinidad]

Has anyone noticed an issue with the 3rd tab in the Uber Round Color Tabs code?

http://www.dynamicdrive.com/style/cs...nd_color_tabs/

It appears to be stuck highlighted. This is also happening in the 3rd tab of Inverted Shift Down Menu II.

http://www.dynamicdrive.com/style/cs...-down-menu-ii/

And on CSS Indent Menu.

http://www.dynamicdrive.com/style/cs...s_indent_menu/

I downloaded the code and no matter how I copied the code it seemed to keep the same tab stuck. It appear that IE 8 and Safari have these tabs as currently selected. No matter what tab you click they always return to these tabs as selected.

BTW, almost all the menus available online have this issue.

Any ideas?

[lilpete]

Hi Rtrinidad,

I have had a look and that is adjustable, its all down to this little guy:-

<li class="selected"> [Button link and text] </li>

So on the menu each <li> tag refers to a button, whichever one the class="selected"
bit is put on will be the one that is high lighted.

So for each page that you link to move the class="selected" bit of code to the button that you want to show as selected..

e.g:-
HOME PAGE like this:-
<ul>
<li class="selected"><a href="http://www.dynamicdrive.com" style="margin-left: 12px"><span>Home</span></a></li>
<li><a href="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li>
<li><a href="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li>
<li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>
<li><a href="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li>
</ul>

2nd Page like this:-
<ul>
<li><a href="http://www.dynamicdrive.com" style="margin-left: 12px"><span>Home</span></a></li>
<li class="selected"><a href="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li>
<li><a href="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li>
<li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>
<li><a href="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li>
</ul>

3rd Page is as it is right now:-
<ul>
<li><a href="http://www.dynamicdrive.com" style="margin-left: 12px"><span>Home</span></a></li>
<li><a href="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li>
<li class="selected"><a href="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li>
<li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>
<li><a href="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li>
</ul>


Pretty sure that will work for you, let me know how you get on.

Best Regards,
Pete