PDA

View Full Version : Resolved Tab Content Shade breaks on hover when included in div



eddy
10-19-2006, 04:12 PM
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
10-20-2006, 12:48 AM
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
10-20-2006, 06:26 AM
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
10-20-2006, 08:10 AM
done! credit notice has been added! thanks again, ddadmin. :)

ddadmin
10-20-2006, 09:56 AM
Cheers. :)