Hi "
baz_m_191",
First of all, I'm curious to know if you're writing the codes yourself, or if you're using Adobe Dreamweaver to design the web page(s) and have it generated the codes for you (I'll let you know in a second the reason why I'm asking this).
Anyway, I think that I've found the problem with your page's rollover buttons. The reason that they're working in Mozilla Firefox is that probably the browser is
IGNORING the error, but Microsoft Internet Explorer (and probably Apple Safari too) is NOT.
To fix the problem, you'll need to take out/
delete line #33 (<p> </p>) in your JavaScript function "MM_findObj()" at the <HEAD> section of your HTML document:
Code:
27 function MM_findObj(n, d) { //v4.01
28 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
29 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
30 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
31 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
32 if(!x && d.getElementById) x=d.getElementById(n); return x;
[COLOR="red"]33 <p> </p>[/COLOR]
34 }
This is where the error occurs, and it will fix the error.
Hope this helps.
Let me know if the fix is working for you (or NOT).
********
To answer the question WHY I'm asking if you're writing the codes yourself, or if you're using Dreamweaver to generate the codes for you is that on
line #80 in the <BODY> section of your HTML document:
Code:
77 <div class="wrapper">
78 <div "style=width:960px; margin:auto="margin:auto"">
79 <p align="center">
[COLOR="red"]80[/COLOR] <a href="gallery.html" [COLOR="red"]onMouseOver="MM_swapImage('gall','','botgal.png',1)" onMouseOut="MM_swapImgRestore()"[/COLOR] ><img src="botgal grey.png" name="gall" width="171" height="161" hspace="20" border="0" id="gall"></a><a href="services.html" [COLOR="red"]onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('serv','','botser.png',1)"[/COLOR]><img src="botser grey.png" name="serv" width="171" height="161" hspace="20" border="0" id="serv"></a><a href="about us.html" [COLOR="red"]onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about','','botabout.png',1)"[/COLOR]><img src="botabout grey.png" name="about" width="171" height="161" hspace="20" border="0" id="about"></a><a href="contact.html" [COLOR="red"]onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cont','','botcont.png',1)"[/COLOR]><img src="botcont grey.png" name="cont" width="171" height="161" hspace="20" border="0" id="cont"></a></p>
81 <p> </p>
82 </div>
83 </div>
all the "
onMouseOver" and "
onMouseOut" intrinsic events should have been handled/placed in the <
IMG> tags, not the <A> tags, even though the codes work since they're looking for the correct image object ID names (it's more CORRECT this way since you move your mouse over and out of the images, not the links).
