Hi,

I define a table element (<td></td>) with the explicit values of the
height and width (20x20 px). Than I put an image in this element which
has the same size:
<td rowspan="1" colspan="1" style="width: 20px; height: 20px;">
<img src="img/l_t.php?int_col=e1e1e1" width="20" height="20" alt="" /
></td>

As a result I see that my table element (<td></td>) is not square (as
it is supposed to be). The hight is larger than width so that under
the square image I see some empty space. Why it is happening? Does
anybody have any idea?

The whole XHTML code you can find on:
http://www.showandbeshown.com/headtail.php

Pleas help me if you can!

showandbeshown [at] gmail.com wrote:
> Hi,
>
> I define a table element (<td></td>) with the explicit values of the
> height and width (20x20 px). Than I put an image in this element which
> has the same size:
> <td rowspan="1" colspan="1" style="width: 20px; height: 20px;">
> <img src="img/l_t.php?int_col=e1e1e1" width="20" height="20" alt="" /
>> </td>
>
> As a result I see that my table element (<td></td>) is not square (as
> it is supposed to be). The hight is larger than width so that under
> the square image I see some empty space. Why it is happening? Does
> anybody have any idea?
>
> The whole XHTML code you can find on:
> http://www.showandbeshown.com/headtail.php

Add

td img { display: block; }

to your stylesheet should fix your problem... images are inline by
default...


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

>
> Add
>
> td img { display: block; }
>
> to your stylesheet should fix your problem... images are inline by
> default...
>
Grate! It helps! Thanks a lot!