Tab Content Shade breaks on hover when included in div

[eddy]

1) Script Title: Tab Content Shade breaks on hover when included in div

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:
I've made a tab content out of dynamicdrive's tabcontent script, thanks for this. It works fine when the tabcontent is alone in the browser, see this:http://www.eddyyanto.com/kp/tab.html. But when included in div (division), the tab breaks on hover, see this again: http://www.eddyyanto.com/kp/alumni.html . I've figuring out for sometimes but to no avail, can someone point me to the right direction? :)

Thanks and regards,

eddy.

[ddadmin]

Most likely the a:hover CSS that appears inline on your page is the culprit:


#nav li a, a:hover, a:active{
width:100px;
height:30px;
color:#FFF;
text-decoration:none;
line-height:30px;
display:block;
}

Bascially you're telling the browser to turn all links into block elements on hover, which I doubt is what you want.

BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:


<script type="text/javascript" src="tabcontent.js">

/***********************************************
* Tab Content script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

[eddy]

Oppps, sorry! I don't meant to discredit dynamic drive. I'll put up the copyright notice after the site is alive.

Thanks so much for the guidance. :)

[eddy]

done! credit notice has been added! thanks again, ddadmin. :)

[ddadmin]

Cheers. :)