...

View Full Version : IE bubbling problem - 1st post HELP!



caroldeck
07-06-2006, 05:21 AM
i have a problem which i believe is related to IE bubbling. The full code is at:
http://www.3crowncreative.com/main.html


The sublinks that appear when you mouseover "the work" works consistently on Firefox, but are less predictable on IE - they do not always appear (although they sometimes do.) The code for the sublinks is:

<div id="subLink" style="display:none; left:574px; top:390px; width:91px; position:absolute; float:left; text-align:center;">
<a id="webLink" href="web.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('web','','images/webOn.gif',1)"><img src="images/webOff.gif" alt="web" width="31" height="13" border="0" id="web" style="margin-bottom:10px"/></a>
<a id="photLink" href="photography.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('photography','','images/photographyOn.gif',1)"><img src="images/photographyOff.gif" alt="photography" width="91" height="17" border="0" id="photography" style="margin-bottom:10px" /></a>
<a id="designLink" href="design.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('design','','images/designOn.gif',1)"><img src="images/designOff.gif" alt="design" width="46" height="17" border="0" id="design" style="margin-bottom:10px" /></a><br />
</div>

I add mouseover/mouseout functions to the <div> on the body load as follows:

document.getElementById("subLink").onmouseover=divBlock;
document.getElementById("subLink").onmouseout=divNone;
function divBlock() {
document.getElementById("subLink").style.display="block";
}
function divNone() {
document.getElementById("subLink").style.display="none";
}



Any ideas how I can get this to work in IE?

xlegendx
07-06-2006, 06:19 AM
Seems fine to me.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum