Cant get rid of gaps between images

Followers

July 16, 200917 yr

I have tried everything and im completely exhausted at looking at code and i cant seem to figure it out. the problem is that there is a gap being displayed between imgs that are in a table.

LINK to page where problem is displayed.

http://www.boatcoverscover.com/angled-transom-bass-boats.html

HERE IS THE CODE WHERE IM HAVING TROUBLE:

<table border="1" cellspacing="0" cellpadding="0" 

width="369" height="252" bgcolor="#add8e6" bordercolor="#000000">
 <tbody><tr>
   <td height="250" bordercolor="#000000" bgcolor="#add8e6">Please select your <b>SIZE</b> and <b>COLOR:</b>
     <form 

name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Select Size</option>
<option>Length 14'5"-15'4" Beam 91"</option>
<option>Length 15'5"-16'4" Beam 91"</option>
<option>Length 16'5"-17'4" Beam 91"</option>
<option>Length 17'5"-18'4" Beam 96"</option>
<option>Length 18'5"-19'4" Beam 96"</option>
<option>Length 19'5"-20'4" Beam 96"</option>
<option>Length 20'5"-21'4" Beam 96"</option>
</select>
<select name="stage2" size="1">
<option value="#">Select a Color</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=38">Teal</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=37">Pacific Blue</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=36">Navy</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=34">Hunter Green</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=35">Grey</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=33">Cranberry</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=39">Black</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()"><script>
<!--

/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Select a Color","#")

group[1][0]=new Option("Select a Color","#")
group[1][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=38")
group[1][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=37")
group[1][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=36")
group[1][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=34")
group[1][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=35")
group[1][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=33")
group[1][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=39")

group[2][0]=new Option("Select a Color","#")
group[2][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=40")
group[2][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=41")
group[2][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=42")
group[2][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=43")
group[2][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=44")
group[2][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=45")
group[2][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=46")

group[3][0]=new Option("Select a Color","#")
group[3][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=47")
group[3][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=48")
group[3][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=49")
group[3][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=50")
group[3][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=51")
group[3][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=52")
group[3][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=53")

group[4][0]=new Option("Select a Color","#")
group[4][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=54")
group[4][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=55")
group[4][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=56")
group[4][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=57")
group[4][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=58")
group[4][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=59")
group[4][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=60")

group[5][0]=new Option("Select a Color","#")
group[5][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=61")
group[5][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=62")
group[5][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=63")
group[5][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=64")
group[5][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=65")
group[5][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=66")
group[5][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=67")

group[6][0]=new Option("Select a Color","#")
group[6][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=68")
group[6][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=69")
group[6][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=70")
group[6][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=71")
group[6][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=72")
group[6][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=73")
group[6][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=74")

group[7][0]=new Option("Select a Color","#")
group[7][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=75")
group[7][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=76")
group[7][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=77")
group[7][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=78")
group[7][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=79")
group[7][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=80")
group[7][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=81")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>

<script language="JavaScript">
<!--
 if (document.images)
  {
    image_off= new Image(100,100);
    image_off.src="http://www.boatcoverscover.com/images/stories/color/rollover.jpg";

    image2= new Image(100,100);
    image2.src="http://www.boatcoverscover.com/images/stories/color/tlsmall.jpg";  
    image3= new Image(100,100);
    image3.src="http://www.boatcoverscover.com/images/stories/color/pbsmall.jpg";
    image4= new Image(100,100);
    image4.src="http://www.boatcoverscover.com/images/stories/color/nvsmall.jpg";  
    image5= new Image(100,100);
    image5.src="http://www.boatcoverscover.com/images/stories/color/hgsmall.jpg";   
    image6= new Image(100,100);
    image6.src="http://www.boatcoverscover.com/images/stories/color/gysmall.jpg";  
 image7= new Image(100,100);
    image7.src="http://www.boatcoverscover.com/images/stories/color/cbsmall.jpg";
    image8= new Image(100,100);
    image8.src="http://www.boatcoverscover.com/images/stories/color/bksmall.jpg";    

  }

function change1(picName,imgName)
{
  if (document.images)
   {
     imgOn=eval(imgName + ".src");
     document[picName].src= imgOn;
   }
}
//--</SCRIPT>
</p>
<table width="260" height="148" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="65">

<A HREF="http://www.boatcoverscover.com/images/stories/color/tlsmall.jpg" onMouseover="change1('pic1','image2')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/tl.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/pbsmall.jpg" onMouseover="change1('pic1','image3')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/pb.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/nvsmall.jpg" onMouseover="change1('pic1','image4')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/nv.jpg" width="64" height="37" border="0"></A></td>
   <td colspan="2"><A HREF="http://www.boatcoverscover.com/images/stories/color/hgsmall.jpg" onMouseover="change1('pic1','image5')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/hg.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td colspan="4" rowspan="3"><img src="http://www.boatcoverscover.com/images/stories/color/rollover.jpg" name="pic1" width="195" height="82" border="0"></td>
   <td width="64"><A HREF="http://www.boatcoverscover.com/images/stories/color/gysmall.jpg" onMouseover="change1('pic1','image6')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/gy.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td><A HREF="http://www.boatcoverscover.com/images/stories/color/cbsmall.jpg" onMouseover="change1('pic1','image7')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/cb.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td height="37"><A HREF="http://www.boatcoverscover.com/images/stories/color/bksmall.jpg" onMouseover="change1('pic1','image8')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/bk.jpg" width="64" height="37" border="0"></A></td>
 </tr>
</table>
</form></td></tr></tbody></table>

HERE IS THE CODE FOR THE PAGE:

<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-weight: bold;
}
-->
</style>
<table border="0" style="width: 100%"><tbody><tr><td colspan="2"> </td></tr><tr><td>CenterLine 14'5"-15'4" L Max. Beam 91" W Angled Transom Bass Boat</td></tr><tr><td 

colspan="2"><hr /></td></tr><tr><td width="220" align="left" valign="top"><div><a href="http://www.boatcoverscover.com/images/stories/productpic/angled-transom.jpg" onClick="void 

window.open('http://www.boatcoverscover.com/images/stories/productpic/angled-transom.jpg', '_blank', 

'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=300,height=300,directories=no,location=no');return false;"><span class="style1">Starting Price $178.08</span><img 

src="http://www.boatcoverscover.com/images/stories/productpic/angled-transom.jpg" border="0" alt="Angled Transom Bass Boat" width="300" height="210" /><br />View Full-Size 

Image</a></div></td><td valign="top"><div style="text-align: center"><div class="vmCartContainer"><div class="vmCartDetails"><table border="1" cellspacing="0" cellpadding="0" 

width="369" height="252" bgcolor="#add8e6" bordercolor="#000000">
 <tbody><tr>
   <td height="250" bordercolor="#000000" bgcolor="#add8e6">Please select your <b>SIZE</b> and <b>COLOR:</b>
     <form 

name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Select Size</option>
<option>Length 14'5"-15'4" Beam 91"</option>
<option>Length 15'5"-16'4" Beam 91"</option>
<option>Length 16'5"-17'4" Beam 91"</option>
<option>Length 17'5"-18'4" Beam 96"</option>
<option>Length 18'5"-19'4" Beam 96"</option>
<option>Length 19'5"-20'4" Beam 96"</option>
<option>Length 20'5"-21'4" Beam 96"</option>
</select>
<select name="stage2" size="1">
<option value="#">Select a Color</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=38">Teal</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=37">Pacific Blue</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=36">Navy</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=34">Hunter Green</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=35">Grey</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=33">Cranberry</option>
<option value="http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=39">Black</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()"><script>
<!--

/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Select a Color","#")

group[1][0]=new Option("Select a Color","#")
group[1][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=38")
group[1][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=37")
group[1][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=36")
group[1][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=34")
group[1][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=35")
group[1][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=33")
group[1][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=39")

group[2][0]=new Option("Select a Color","#")
group[2][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=40")
group[2][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=41")
group[2][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=42")
group[2][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=43")
group[2][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=44")
group[2][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=45")
group[2][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=46")

group[3][0]=new Option("Select a Color","#")
group[3][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=47")
group[3][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=48")
group[3][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=49")
group[3][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=50")
group[3][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=51")
group[3][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=52")
group[3][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=53")

group[4][0]=new Option("Select a Color","#")
group[4][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=54")
group[4][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=55")
group[4][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=56")
group[4][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=57")
group[4][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=58")
group[4][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=59")
group[4][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=60")

group[5][0]=new Option("Select a Color","#")
group[5][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=61")
group[5][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=62")
group[5][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=63")
group[5][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=64")
group[5][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=65")
group[5][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=66")
group[5][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=67")

group[6][0]=new Option("Select a Color","#")
group[6][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=68")
group[6][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=69")
group[6][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=70")
group[6][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=71")
group[6][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=72")
group[6][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=73")
group[6][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=74")

group[7][0]=new Option("Select a Color","#")
group[7][1]=new Option("Teal","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=75")
group[7][2]=new Option("Pacific Blue","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=76")
group[7][3]=new Option("Navy","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=77")
group[7][4]=new Option("Hunter Green","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=78")
group[7][5]=new Option("Grey","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=79")
group[7][6]=new Option("Cranberry","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=80")
group[7][7]=new Option("Black","http://boatcoverscover.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage-ask.tpl&product_id=81")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>

<script language="JavaScript">
<!--
 if (document.images)
  {
    image_off= new Image(100,100);
    image_off.src="http://www.boatcoverscover.com/images/stories/color/rollover.jpg";

    image2= new Image(100,100);
    image2.src="http://www.boatcoverscover.com/images/stories/color/tlsmall.jpg";  
    image3= new Image(100,100);
    image3.src="http://www.boatcoverscover.com/images/stories/color/pbsmall.jpg";
    image4= new Image(100,100);
    image4.src="http://www.boatcoverscover.com/images/stories/color/nvsmall.jpg";  
    image5= new Image(100,100);
    image5.src="http://www.boatcoverscover.com/images/stories/color/hgsmall.jpg";   
    image6= new Image(100,100);
    image6.src="http://www.boatcoverscover.com/images/stories/color/gysmall.jpg";  
 image7= new Image(100,100);
    image7.src="http://www.boatcoverscover.com/images/stories/color/cbsmall.jpg";
    image8= new Image(100,100);
    image8.src="http://www.boatcoverscover.com/images/stories/color/bksmall.jpg";    

  }

function change1(picName,imgName)
{
  if (document.images)
   {
     imgOn=eval(imgName + ".src");
     document[picName].src= imgOn;
   }
}
//--</SCRIPT>
</p>
<table width="260" height="148" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="65">

<A HREF="http://www.boatcoverscover.com/images/stories/color/tlsmall.jpg" onMouseover="change1('pic1','image2')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/tl.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/pbsmall.jpg" onMouseover="change1('pic1','image3')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/pb.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/nvsmall.jpg" onMouseover="change1('pic1','image4')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/nv.jpg" width="64" height="37" border="0"></A></td>
   <td colspan="2"><A HREF="http://www.boatcoverscover.com/images/stories/color/hgsmall.jpg" onMouseover="change1('pic1','image5')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/hg.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td colspan="4" rowspan="3"><img src="http://www.boatcoverscover.com/images/stories/color/rollover.jpg" name="pic1" width="195" height="82" border="0"></td>
   <td width="64"><A HREF="http://www.boatcoverscover.com/images/stories/color/gysmall.jpg" onMouseover="change1('pic1','image6')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/gy.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td><A HREF="http://www.boatcoverscover.com/images/stories/color/cbsmall.jpg" onMouseover="change1('pic1','image7')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/cb.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td height="37"><A HREF="http://www.boatcoverscover.com/images/stories/color/bksmall.jpg" onMouseover="change1('pic1','image8')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/bk.jpg" width="64" height="37" border="0"></A></td>
 </tr>
</table>
</form></td></tr></tbody></table></div></div></div></td></tr><tr><td align="left" valign="top"><br /></td></tr><tr><td valign="top"> </td></tr><tr><td colspan="2"><hr />
   <table width="693" align="left" cellpadding="0" cellspacing="0">
 <tr>
   <td colspan="2"><p><img src="http://www.boatcoverscover.com/images/stories/fishmasterzheader[1].jpg" width="650" height="122"><br />
     </p>      </td>
   </tr>
 <tr>
   <td width="386" valign="top"><p>        Get the best price on Transom bass boat covers from Boat Cover Pro's. With over 20 years of experience we know you will be satisfied with our high quality acrylic coated 6.25 oz. 

       polyester material which comes in 7 great colors. </p>
     </td>
   <td width="305"> • Acrylic Coated Polyester Material<br />
• Wide transom bass boats with angled stern corners<br />
• Small consoles with or without windscreens<br />
• Accommodates folded pedestal seats<br />
• Fits bow mounted trolling motors<br />
• Sewn in motor hoods<br />
• Available in 7 great colors<br />
• Shippable by UPS</td>
 </tr>
</table>
</td>
</tr><tr><td colspan="2"><hr /><br /></td></tr></tbody></table>

if you need me to make something more clear please tell me

THANKS FOR ANY HELP!

Ryan

July 17, 200917 yr

Which browser is showing the spaces? I have had problems with IE6 and IE7 where IE seems to add about 2px below images which looks like a bit of padding and I've usually taken the easy way out by coding a height for the container 2px less than the image height. If 2px is cut off in other browsers most people won't notice, or you could use a different height in a conditional comment just for IE.

I was told once that it's something to do with the way IE relates px for images with ems but I didn't really understand.

I've just found the post by rincewind 11 July 2006:-

http://www.webdevforums.com/showthread.php?t=16801&highlight=ems

The reason for the white gap is the font size. It you don't set the size of the div, then it's size is measured in ems (the height of the letter m's width in your font.) So units used for the height of the div are different from the units used for the height of the images. If you set the font size to something small like 1px or 0px then the gap disappears.

Having said all that, it's probably not the problem you have, but it might be useful information.

July 17, 200917 yr

Author

Which browser is showing the spaces? I have had problems with IE6 and IE7 where IE seems to add about 2px below images which looks like a bit of padding and I've usually taken the easy way out by coding a height for the container 2px less than the image height. If 2px is cut off in other browsers most people won't notice, or you could use a different height in a conditional comment just for IE.

I was told once that it's something to do with the way IE relates px for images with ems but I didn't really understand.

I've just found the post by rincewind 11 July 2006:-

http://www.webdevforums.com/showthread.php?t=16801&highlight=ems

The reason for the white gap is the font size. It you don't set the size of the div, then it's size is measured in ems (the height of the letter m's width in your font.) So units used for the height of the div are different from the units used for the height of the images. If you set the font size to something small like 1px or 0px then the gap disappears.

Having said all that, it's probably not the problem you have, but it might be useful information.

thanks for the help but it seems to happen in both IE 7 and firefox 3.0 and what i find funny is that its only doing it to the images (color swatches) that are horizontal (creating a gap) but the ones vertical do not have any gap. how ever i tried what you told me and i just dont have any text in that table this is the exact table that has the problem

<table width="260" height="148" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="65">

<A HREF="http://www.boatcoverscover.com/images/stories/color/tlsmall.jpg" onMouseover="change1('pic1','image2')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/tl.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/pbsmall.jpg" onMouseover="change1('pic1','image3')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/pb.jpg" width="64" height="37" border="0"></A></td>
   <td width="65"><A HREF="http://www.boatcoverscover.com/images/stories/color/nvsmall.jpg" onMouseover="change1('pic1','image4')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/nv.jpg" width="64" height="37" border="0"></A></td>
   <td colspan="2"><A HREF="http://www.boatcoverscover.com/images/stories/color/hgsmall.jpg" onMouseover="change1('pic1','image5')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/hg.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td colspan="4" rowspan="3"><img src="http://www.boatcoverscover.com/images/stories/color/rollover.jpg" name="pic1" width="195" height="82" border="0"></td>
   <td width="64"><A HREF="http://www.boatcoverscover.com/images/stories/color/gysmall.jpg" onMouseover="change1('pic1','image6')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/gy.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td><A HREF="http://www.boatcoverscover.com/images/stories/color/cbsmall.jpg" onMouseover="change1('pic1','image7')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/cb.jpg" width="64" height="37" border="0"></A></td>
 </tr>
 <tr>
   <td height="37"><A HREF="http://www.boatcoverscover.com/images/stories/color/bksmall.jpg" onMouseover="change1('pic1','image8')" onMouseout="change1('pic1')"><img src="http://www.boatcoverscover.com//images/stories/color/bk.jpg" width="64" height="37" border="0"></A></td>
 </tr>
</table>

Create an account or sign in to comment

Followers

Go to topic listing

No registered users viewing this page.

66,411 Total Members
6,251 Most Online
My Advisers Newest Member · Saturday at 07:23 AM4 days

Total Topics 67.4k
Total Posts 453.8k

Join WDF

Become a member of WDF.

Cant get rid of gaps between images

Featured Replies

Create an account or sign in to comment

Recently Browsing 0

Member Statistics

Forum Statistics

Join WDF

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)