Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    May 2005
    Location
    Tenneessee
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Not working in IE.

    http://bluejacksurfaces.com/drivewaysviewer.html

    http://bluejacksurfaces.com/pooldecksviewer.html

    Both of these pages when viewed in IE don't show the thumbnails images on the left side in the white.

    When viewed in Camino, Firefox, and Safari the pages both work like they are supposed to. Any ideas i don't even know where to start looking. I also don't want to break them in the other browsers just to work in IE.

    Thanks!

  • #2
    New Coder
    Join Date
    Nov 2006
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts
    posting the code you used would help immensely

  • #3
    New Coder
    Join Date
    May 2005
    Location
    Tenneessee
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <TITLE>Harmony Pooldecks Viewer</TITLE>
    
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    
    <script language="JavaScript" type="text/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) { //v4.01
    
      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);
    
      if(!x && d.getElementById) x=d.getElementById(n); 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>
    
    <link href="bluejack.css" rel="stylesheet" type="text/css">
    
    <style type="text/css">
    
    <!--
    
    a:link {
    
    	text-decoration: none;
    
    }
    
    a:visited {
    
    	text-decoration: none;
    
    }
    
    a:hover {
    
    	text-decoration: none;
    
    }
    
    a:active {
    
    	text-decoration: none;
    
    }
    
    -->
    
    </style></HEAD>
    
    <BODY BGCOLOR=21449c onLoad="MM_preloadImages('images/counter7.gif','images/counter5.gif','images/kitchensales2.gif','images/counterviewer2_05.gif','images/counterviewer2_04.gif','images/counterviewer2_03.gif','images/counterviewer2_02.gif','images/counterviewer2_01.gif','gallery/counterviewer/pic02.jpg','gallery/counterviewer/pic03.JPG','gallery/counterviewer/pic04.gif','gallery/counterviewer/pic05.gif','gallery/counterviewer/pic06.gif','gallery/counterviewer/pic07.jpg','gallery/counterviewer/pic08.jpg','gallery/counterviewer/pic09.JPG','gallery/counterviewer/pic10.JPG','gallery/counterviewer/pic11.jpg','gallery/counterviewer/pic12.JPG','gallery/counterviewer/pic13.jpg','gallery/counterviewer/pic14.jpg','gallery/counterviewer/pic15.jpg','gallery/counterviewer/pic16.jpg','gallery/counterviewer/pic17.jpg','gallery/counterviewer/pic19.jpg','gallery/counterviewer/pic20.jpg','images/navON_03.gif')">
    <table width="100%"  border="0" align="center" cellpadding="0px">
      <tr>
        <td width="3%">&nbsp;</td>
        <td><div id="container">
         		<div id="nav">
    	          <a href="index.html" onMouseOver="MM_swapImage('Home button','','images/navOVR_01.gif',1)" onMouseOut="MM_swapImgRestore()">
    			  <img src="images/nav_01.gif" name="Home button" width="61" height="29" border="0">
    			  </a>
                  <a href="countertops.html" onMouseOver="MM_swapImage('Image1','','images/navOVR_02.gif',1)" onMouseOut="MM_swapImgRestore()">
    
    			  <IMG SRC="images/nav_02.gif" ALT="" name="Image1" WIDTH=82 HEIGHT=29 border="0" id="Image1">
    			  </a>
    	            <a href="floors.html" onMouseOver="MM_swapImage('Floorbutton','','images/navOVR_03.gif',1)" onMouseOut="MM_swapImgRestore()">
    				<img src="images/nav_03.gif" name="Floorbutton" width="66" height="29" border="0">
    				</a>
                    <a href="hardscapes.html" onMouseOver="MM_swapImage('HardscapeButton','','images/navOVR_04.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navON_04.gif" name="HardscapeButton" width="86" height="29" border="0">
    				</a>
                    <a href="about.html" onMouseOver="MM_swapImage('Aboutbutton','','images/navOVR_05.gif',1)" onMouseOut="MM_swapImgRestore()">
    				<img src="images/nav_05.gif" name="Aboutbutton" width="96" height="29" border="0">
    
    				</a>
        		</div>
    
    	   <div id="gallery">
    
       				<div id="logo">
    
      					<IMG SRC="images/logo1.gif" ALT="" WIDTH=197 HEIGHT=71 border="0">
    
      				</div>
    
       					<div id="thumbs">
    
           				<img src="gallery/hardscapeviewer/pichardscp10.jpg" alt="counter7" name="counter7" width="55" height="55" border="0" class="thumb" id="counter7">
    
           				<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp11.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<IMG SRC="gallery/hardscapeviewer/pichardscp11.jpg" ALT="" name="counterviewer_15" WIDTH=55 HEIGHT=55 border="0" class="thumb">
    
    					</a>
    
           				<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp12.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<img src="gallery/hardscapeviewer/pichardscp12.jpg" alt="counter8" name="counter8" width="55" height="55" border="0" class="thumb" id="counter8" onMouseOver="MM_swapImage('BIG_PIC','','gallery/harmonyfloorviewer/pichmyflr03.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					</a>
    
    					<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp13.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<img src="gallery/hardscapeviewer/pichardscp13.jpg" alt="" name="counterviewer_16" width=55 height=55 border="0" class="thumb">
    
    					</a>
    
           				<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp14.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<IMG SRC="gallery/hardscapeviewer/pichardscp14.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=56 border="0" class="thumb">
    
    					</a>
    
           				<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp15.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<img src="gallery/hardscapeviewer/pichardscp15.jpg" alt="" width=55 height=56 border="0" class="thumb">
    
    					</a>
    
    					<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp16.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<img src="gallery/hardscapeviewer/pichardscp16.jpg" width="55" height="55" border="0" class="thumb" onMouseOver="MM_swapImage('BIG_PIC','','gallery/harmonyfloorviewer/pichmyflr07.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					</a>
    
           				<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp17.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<img src="gallery/hardscapeviewer/pichardscp17.jpg" alt="" name="counterviewer_28" width=55 height=56 border="0" class="thumb">
    
    					</a>
    
    					<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp18.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<IMG SRC="gallery/hardscapeviewer/pichardscp18.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">
    
    					</a>
    
    					<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp19.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<IMG SRC="gallery/hardscapeviewer/pichardscp19.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">
    
    					</a>
    
    					<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp20.jpg',1)" onMouseOut="MM_swapImgRestore()">
    
    					<IMG SRC="gallery/hardscapeviewer/pichardscp20.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">
    
    					</a>
    
    
    
    					</a>
    
    	  				</div>
    
    			        <div align="left" id="email"><a href="mailto:info@bluejacksurfaces.com">
    
    				    <IMG SRC="images/emailnumber.gif" ALT="" WIDTH=296 HEIGHT=15 border="0" align="bottom">
    
    				    </a>
    
              </div>
    
    	   </div>
    
    
    
       		<div>
    
       					<IMG SRC="gallery/hardscapeviewer/pichardscp10.jpg" ALT="" name="BIG_PIC" WIDTH=399 HEIGHT=566 align="top" id="BIG_PIC" style="float:right;">
    
     	</div>
    
    	</div>
    
    	</div>
    
    	</td>
    
        <td width="3%">
    
          <div align="center"></div>
    
        </td>
    
      </tr>
    
    </table>
    
      
    
    	 
    
    	
    
      
    
    </BODY>
    
    </html>
    Last edited by pito189; 10-16-2007 at 10:33 PM.

  • #4
    New Coder
    Join Date
    May 2005
    Location
    Tenneessee
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Jeebus, hope that helps. Is there a better way to do that?

  • #5
    New Coder
    Join Date
    Nov 2006
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes you could wrap it in the [code] tags

    makes it much easier to read

  • #6
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Correct the css:
    Code:
    #gallery {
    	width: 370px;
    	height: 566px;
    	position: relative;
    	border-width: 0px;
    	padding: 1px;
    	float: left;
    	overflow: hidden;
    	background-color: #FFFFFF;
    	z-index: 10;
    	/*text-spacing: 0px;*/
    	clear: left;
    }

  • #7
    Senior Coder CFMaBiSmAd's Avatar
    Join Date
    Oct 2006
    Location
    Denver, Colorado USA
    Posts
    3,149
    Thanks
    2
    Thanked 333 Times in 325 Posts
    Putting your code inside [code] [/code] tags in the post will help make it readable.

    You also need to validate your code. One page has 131 errors -
    http://validator.w3.org/check?uri=ht...Inline&group=0
    and the other has 145 -
    http://validator.w3.org/check?uri=ht...Inline&group=0

    Correcting the validation errors will at least get you to a common starting point where each browser will come close to rendering the code the same way.
    If you are learning PHP, developing PHP code, or debugging PHP code, do yourself a favor and check your web server log for errors and/or turn on full PHP error reporting in php.ini or in a .htaccess file to get PHP to help you.

  • #8
    New Coder
    Join Date
    May 2005
    Location
    Tenneessee
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for all of your help folks. Looks like I don't have to stay at work all night starring at code. I really appreciate the quick help.

    I will get to work on validating all this in the morning. I am an intern and it has been handed down to me so I have some cleaning to do.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •