Forum Moderators: open

Message Too Old, No Replies

CSS Problems with javascript "onmouseout"

         

jrthib

8:32 pm on Aug 30, 2006 (gmt 0)

10+ Year Member



I'm having trouble making my rollover change back to its normal state when using a css drop down menu. everything works except the mouseover state remains when you take your mouse off of the button.
<The button in question>

<div style="position:absolute;top:465px;left:72px;width:146px;height:34px;">
<a href="achievement.html"><img src="images/normal/SacredHeart-Redesign_10.jpg" alt="About Our School" width="146" height="34" border="0" id="aboutbutton" onmouseover="changeImages('aboutbutton','images/over/SacredHeart-Redesign_10.jpg');dropdownmenu(this, event, 'aboutmenu')" onmouseout="changeImages('aboutbutton','images/normal/SacredHeart-Redesign_10.jpg')" /></a></div>

<The CSS menu in question>

<div id="aboutmenu" class="anylinkcss">

<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>

</div>

MichaelBluejay

4:18 pm on Aug 31, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Couldn't find a problem, maybe it's in the code you *didn't* post. Create a brand-new blank test page, and start adding elements to it one at a time until the problem appears. If that doesn't provide enough clues as to how to fix it, then post the code for the entire TEST page here, which should be very, very short. We're looking for a proof-of-(broken)-concept, not your whole entire original page.