i have a problem which i believe is related to IE bubbling. The full code is at:
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:
I add mouseover/mouseout functions to the <div> on the body load as follows:
Any ideas how I can get this to work in IE?
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:
Code:
<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:
Code:
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?