Webmaster-Talk.com > Coding Talk > HTML Forum > Image problem

Reply
Image problem
Old 08-26-2004, 11:55 AM Image problem
compmodder26's Avatar
Experienced Talker

Posts: 44
Talkupation: compmodder26 is on a distinguished road
I am having a problem with my images having about a 3 or 4 pixel gap at the bottom of them in IE. I've searched my code over and over again and I can't seem to find anything wrong. At first I thought it might be because I had set the height of my table columns too high, but I removed all instances of height in my tables and columns and still no luck. Here is the code for my page. The image that I'm having trouble with is the one referenced on line 86 (which I have marked). It is in a script that calls different images on a browsers refresh. The script is called by SSI. All the images are identical in size. Here is an example of one of the images code that is in the script:
Code:
<img src="images/welcome_middle3.jpg" width="570" height="303" border="0">
the site is http://www.kentuckygear.com

Code:
<!--#include virtual="session.php" -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kentucky Gear.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="P3P" content='CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"'>
<style>
a { font-family: Arial; size:15px; text-decoration: none; color: #0C416B;}

a.top:active {  color: #0C416B; }

a.top:link {  color: #0C416B; }

a.top:visited {  color: #0C416B; }

a.top:hover {  color: #0C416B; }

a.side:active {  color: #0C416B; }

a.side:link {  color: #0C416B; }

a.side:visited {  color: #0C416B; }

a.side:hover {  color: #000000; }

p { font-family: Arial; size: 15px; text-decoration: none; color: #0C416B; }
</style>
</head>

<body bgcolor="#E9E9E9" topmargin="0" marginwidth="0" marginheight="0" leftmargin="0">
<table width="780" border="0" cellpadding="0" cellspacing="0" align="center" valign="middle">
  <tr>
    <td width="100%" height="19" align="right" valign="top"><img src="../images/spacer.gif" border="0" height="26" width="0"> 
	 <a class="top" href="index.htm"><b>Home</b></a> 
      | <a class="top" href="showcart.php"><b>Shopping Cart</b></a> | <a href="links.htm" class="top"><b>Links</b></a> 
      | <a class="top" href="contact.htm"><b>Contact Us</b></a> | <a class="top" href="policy.htm"><b>Policies</b></a></td>
</tr>
<tr>
    <td valign="top"> 
	 <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr> 
          <td valign="top" colspan="5"> 
		  <img src="images/top_bar.jpg" width="100%" height="29"><br>
		  </td>
        </tr>
		<tr>
		<td width="210" colspan="1" bgcolor="#FFFFFF">
		<table width="100%" height="100%" cellpadding="3" cellspacing="0" border="0" bgcolor="#FFFFFF">
		<tr>
		<td width="90%" align="right"><a href="products.php?prod=alumni"><b>Alumni</b></a></td><td width="10%" ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td align="right"><a href="products.php?prod=dresswear"><b>Dresswear</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=hats"><b>Hats</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=kids"><b>Kids</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=novelties"><b>Novelties</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=sweatshirt"><b>Sweatshirts</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=tshirt"><b>T-Shirts</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=trueblue"><b>True Blue Gear</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a target="_blank" href="http://www.ukalumni.net/merchandise/merchandise.htm"><b>Other Merchandise</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		</table>
		</td>
	    <td width="1" bgcolor="#0C416B" colspan="1" align="left"> 
		<img src="../images/spacer.gif" width="1"> 
		</td>
	    <td colspan="3" width="570" height="303" valign="bottom">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr valign="bottom">
		<td valign="bottom">
!!LINE 86!!			<!--#include virtual="rotate.php" -->
		</td>
		</tr>
		</table> 
	    
	    </td>
		</tr>
		<tr>
		  <td colspan="2" height="146" valign="top"> 
		  <a href="http://www.ukalumni.net" target="_blank"><img src="images/alumnilogo_bottom_left.jpg" width="211" height="142" border="0"></a> 
          </td>
		  <td colspan="3" width="559" height="146">
		  <table border="0" cellpadding="0" cellspacing="0">
		  <tr>
		  <td bgcolor="#000000" height="34" width="191">
		  <font face="Arial" size="2" color="#FFFFFF">&nbsp;New alumni<br>&nbsp;gear now available</font>
		  </td>
		  <td bgcolor="#0C416B" width="191">
		  <font face="Arial" size="2" color="#FFFFFF">&nbsp;Hot deals<br>&nbsp;on cool tees</font>
		  </td>
		  <td bgcolor="#C4C7CC" width="189">
		  <font face="Arial" size="2" color="#0C416B">&nbsp;UK gear<br>&nbsp;for little wildcats</font>
		  </td>
		  </tr>
		  <tr>
		  <td height="108" valign="top"> 
		  <a href="products.php?prod=alumni"><img src="images/new_gear_bottom.jpg" width="191" height="108" border="0"></a> 
		  </td>
		  <td valign="top">
		  <a href="products.php?prod=tshirt"><img src="images/hot_deals_bottom.jpg" width="191" height="108" border="0"></a>
		  </td>
		  <td valign="top">
		  <a href="products.php?prod=kids"><img src="images/kids_wear_bottom_right.jpg" width="189" height="108" border="0"></a>
		  </td>
		  </tr>
		  </table>
		  </td>
		</tr>
      </table>
	  </td>
</tr>
</table>
</body>
</html>
compmodder26 is offline
Reply With Quote
View Public Profile Visit compmodder26's homepage!
 
When You Register, These Ads Go Away!
Old 08-26-2004, 12:29 PM
JohnS's Avatar
Skilled Talker

Posts: 89
Location: London, UK
Talkupation: JohnS will become famous soon enough
HTML Code:
<!--#include virtual="session.php" -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kentucky Gear.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="P3P" content='CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"'>
<style>
a { font-family: Arial; size:15px; text-decoration: none; color: #0C416B;}

a.top:active {  color: #0C416B; }

a.top:link {  color: #0C416B; }

a.top:visited {  color: #0C416B; }

a.top:hover {  color: #0C416B; }

a.side:active {  color: #0C416B; }

a.side:link {  color: #0C416B; }

a.side:visited {  color: #0C416B; }

a.side:hover {  color: #000000; }

p { font-family: Arial; size: 15px; text-decoration: none; color: #0C416B; }
</style>
</head>

<body bgcolor="#E9E9E9" topmargin="0" marginwidth="0" marginheight="0" leftmargin="0">
<table width="780" border="0" cellpadding="0" cellspacing="0" align="center" valign="middle">
  <tr>
    <td width="100%" height="19" align="right" valign="top"><img src="../images/spacer.gif" border="0" height="26" width="0"> 
	 <a class="top" href="index.htm"><b>Home</b></a> 
      | <a class="top" href="showcart.php"><b>Shopping Cart</b></a> | <a href="links.htm" class="top"><b>Links</b></a> 
      | <a class="top" href="contact.htm"><b>Contact Us</b></a> | <a class="top" href="policy.htm"><b>Policies</b></a></td>
</tr>
<tr>
    <td valign="top"> 
	 <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr> 
          <td valign="top" colspan="5"> 
		  <img src="images/top_bar.jpg" width="100%" height="29"><br>
		  </td>
        </tr>
		<tr>
		<td width="210" colspan="1" bgcolor="#FFFFFF">
		<table width="100%" height="100%" cellpadding="3" cellspacing="0" border="0" bgcolor="#FFFFFF">
		<tr>
		<td width="90%" align="right"><a href="products.php?prod=alumni"><b>Alumni</b></a></td><td width="10%" ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td align="right"><a href="products.php?prod=dresswear"><b>Dresswear</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=hats"><b>Hats</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=kids"><b>Kids</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=novelties"><b>Novelties</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=sweatshirt"><b>Sweatshirts</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=tshirt"><b>T-Shirts</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a href="products.php?prod=trueblue"><b>True Blue Gear</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		<tr>
		<td  align="right"><a target="_blank" href="http://www.ukalumni.net/merchandise/merchandise.htm"><b>Other Merchandise</b></a></td><td ><img src="images/blue_triangle.jpg" border="0">&nbsp;&nbsp;</td>
		</tr>
		</table>
		</td>
	    <td width="1" bgcolor="#0C416B" colspan="1" align="left"> 
		<img src="../images/spacer.gif" width="1"> 
		</td>
	    <td colspan="3" width="570" height="303" valign="bottom">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr valign="bottom">
		<td valign="bottom">
!!LINE 86!!			<!--#include virtual="rotate.php" -->
		</td>
		</tr>
		</table> 
	    
	    </td>
		</tr>
		<tr>
		  <td colspan="2" height="108" valign="top"> <a href="http://www.ukalumni.net" target="_blank"><img src="images/alumnilogo_bottom_left.jpg" width="211" height="142" border="0"></a></td>
		  <td colspan="3" width="559" height="108"> 
            <table border="0" cellpadding="0" cellspacing="0">
		  <tr>
		  <td bgcolor="#000000" height="34" width="191">
		  <font face="Arial" size="2" color="#FFFFFF">&nbsp;New alumni<br>&nbsp;gear now available</font>
		  </td>
		  <td bgcolor="#0C416B" width="191">
		  <font face="Arial" size="2" color="#FFFFFF">&nbsp;Hot deals<br>&nbsp;on cool tees</font>
		  </td>
		  <td bgcolor="#C4C7CC" width="189">
		  <font face="Arial" size="2" color="#0C416B">&nbsp;UK gear<br>&nbsp;for little wildcats</font>
		  </td>
		  </tr>
		  <tr>
		        <td height="108" valign="top"> <a href="products.php?prod=alumni"><img src="images/new_gear_bottom.jpg" width="191" height="108" border="0"></a></td>      <td valign="top"> <a href="products.php?prod=tshirt"><img src="images/hot_deals_bottom.jpg" width="191" height="108" border="0"></a></td>
		        <td valign="top"> <a href="products.php?prod=kids"><img src="images/kids_wear_bottom_right.jpg" width="189" height="108" border="0"></a></td>
		  </tr>
		  </table>
		  </td>
		</tr>
      </table>
	  </td>
</tr>
</table>
</body>
</html>
Does that solve the problem? (Probably doesn't, but give it a go)
JohnS is offline
Reply With Quote
View Public Profile Visit JohnS's homepage!
 
Old 08-26-2004, 01:43 PM
compmodder26's Avatar
Experienced Talker

Posts: 44
Talkupation: compmodder26 is on a distinguished road
Thanks for the advice. Turns out if I do

<td valign="bottom"><!--#include virtual="rotate.php" --></td>

all on one line it works.
compmodder26 is offline
Reply With Quote
View Public Profile Visit compmodder26's homepage!
 
Old 08-26-2004, 01:57 PM
JohnS's Avatar
Skilled Talker

Posts: 89
Location: London, UK
Talkupation: JohnS will become famous soon enough
Good stuff
JohnS is offline
Reply With Quote
View Public Profile Visit JohnS's homepage!
 
Reply     « Reply to Image problem
 
Previous Thread | Next Thread Webmaster-Talk.com > Coding Talk > HTML Forum > Image problem

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com
Web Templates | Text Link Brokers | Stock Photos


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.12979 seconds with 12 queries