This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webmaster forum > August 2006 > space added to graphics in table cells





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author space added to graphics in table cells
runner7@fastmail.fm

2006-08-02, 11:39 am

Can anyone tell me how to get rid of the extra space that browsers (IE
5.5 anyway) add to the bottom (and sometimes the sides) of gif's and
jpeg's inside the <td> element? I have tried:

cellpadding="0" in <table>
hspace="0" and vspace="0" in <img>
setting the width and height in the <td> and the <img>
leaving out the width and height in the <td> and <img>
valign="bottom" in the <td>

Els

2006-08-02, 11:39 am

runner7@fastmail.fm wrote:

> Can anyone tell me how to get rid of the extra space that browsers (IE
> 5.5 anyway) add to the bottom (and sometimes the sides) of gif's and
> jpeg's inside the <td> element? I have tried:
>
> cellpadding="0" in <table>
> hspace="0" and vspace="0" in <img>
> setting the width and height in the <td> and the <img>
> leaving out the width and height in the <td> and <img>
> valign="bottom" in the <td>


For the space below the images:
td img{display:block;}
For the space to the sides: eliminate all whitespace in the code
between the <img> and its parents.

And of course, make sure the <td>'s aren't higher or wider than the
images.

--
Els http://locusmeus.com/
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews