Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

spacing images in table problem 2

Status
Not open for further replies.

peacecodotnet

Programmer
May 17, 2004
123
US
I am having a problem with my web site. I have three images in a table. The table just consists of three rows, each of which has one cell. The top two cells contain an image, and the bottom cell contains an image that is set as the background attribute of the cell.

The problem that I am having is that the two images that are in the top two cells both have a thin line underneath them if you look at it in Internet Explorer. If you look at it in Mozilla, however, it is fine.

I would post the code here, but it just wouldn't work if you didn't have the images and if you couldn't see it. The address is
As you can see (in IE), there is a white line underneath the logo and a blue line (which is the background color of that cell) underneath the top picture. How can I fix this?

Thanks a bunch!

Peace out,
Peace Co.
 
yo have the following in the two firsts rows:

<tr height="20">
<td bgcolor="0066FD">
<img src="topline.jpg" hspace="0" vspace="0" />
</td>
</tr>

<tr height="35">
<td>
<img src="logo.jpg" hspace="0" vspace="0" />
</td>
</tr>

***************************
<tr height="20">
is *<img src="topline.jpg"* image the smame height than the row??? IE metrics are different than mozilla/netscape/etc.. avoid it... I prefer ti use:

<tr>
<img src="file.jpg" widht=xx height=yy>

so the cell will adjust to my picture.

for the second row the same thing.

Cheers.
 
Sometimes IE doesn't handle whitespace the way it should. Mozilla never has that problem, that would explain why it looks ok there. Instead of
Code:
<tr height="20">
<td bgcolor="0066FD">
<img src="topline.jpg" hspace="0" vspace="0" />
</td>
</tr>
try
Code:
<tr height="20"><td bgcolor="0066FD"><img src="topline.jpg" hspace="0" vspace="0" /></td></tr>
I know it doesn't look pretty, but usually solves the problem you are describing in IE.
 
BTW, the second image is not displayed... it must have a permission problem, because when I want to see the image I get a permission error:

"Forbidden
You don't have permission to access /logo.jpg on this server."

Cheers.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top