Check out the page here http://www.nickscribner.com/papermessage.html It works fine in Firefox and Safari, but IE is adding a space in between some of the rows. How can I fix this?
I see the same page both in FF and IE...can you post screenshots from your side on both browsers? I didn't see diff in IE and FF!
I see what your saying. It looks like IE is adding a line break after ever table end. That's my guess anyhow. Maybe you can try making it an image map ? Dunno, GL !
Not after I just spent all this time cutting up the image! There's gotta be a much easier way to fixing this using plain HTML.
The problem was with the table because the existence of tag inside certain cells that resulting in extra white space. I fixed your code by doing away with the table. Try pasting this code below in your program and see the result. It should looks fine in IE now. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Nick Scribner.com</title> <script language="javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script></head><body onload="MM_preloadImages('images/pm01_on.gif','images/pm04_on.gif','images/pm08_on.gif')" bgcolor="#ffff00"> <center> <!-- <p><a href="images/papervscomputer.jpg">Yes, I did painfully scan this image</a></p> --> </center> <p align="center"> <a href="http://www.nickscribner.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pm01','','images/pm01_on.gif',1)"><img name="pm01" src="papermessage_files/pm01_off.gif" alt="NickScribner.com" border="0" height="110" width="650"></a><br> <img src="papermessage_files/pm02.gif" alt="" height="430" width="650"><br> <img src="papermessage_files/pm03.gif" alt="" height="60" width="70"><a href="http://www.nickscribner.com/gallery/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pm04','','images/pm04_on.gif',1)"><img name="pm04" src="papermessage_files/pm04_off.gif" alt="Gallery" border="0" height="60" width="230"></a><img src="papermessage_files/pm05.gif" alt="" height="60" width="350"><br> <img src="papermessage_files/pm06.gif" alt="" height="170" width="650"><br> <img src="papermessage_files/pm07.gif" alt="" height="60" width="60"><a href="mailto:nick@nickscribner.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pm08','','images/pm08_on.gif',1)"><img name="pm08" src="papermessage_files/pm08_off.gif" alt="nick@nickscribner.com" border="0" height="60" width="560"></a><img src="papermessage_files/pm09.gif" alt="" height="60" width="30"><br> <img src="papermessage_files/pm10.gif" alt="" height="8" width="650"></p> </body></html> Code (markup):