In the code of <!-- w --><a class="postlink" href="http://www.kunsterf.nl/galerijproef11.html">www.kunsterf.nl/galerijproef11.html</a><!-- w --> I have a table with 4 cells, each filled with an image. The dimensions of all images are width=100 pixels and height=75 pixels. What I don't understand is that there is a white space between the first and second row of images and under the second row of images also. I would expect that all cells are nicely filled without open spaces, because I have made the dimensions all four cells 100 x 75 pixels. What do I do wrong?<!--content-->Try adding this to the HEAD of your document:<br />
<br />
<br />
<style type="text/css"><!--<br />
table {padding:0px;}<br />
--></style><br />
<br />
<br />
[J]ona<!--content-->It's that gap again...<br />
td img {display: block;}<br />
For an explaination why see here (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->)<!--content-->Thanks Fang,<br />
<br />
Kippie<!--content-->Your code has a line return, or space, between the code for the image ending 'height="75">" and the </TD><br />
<br />
Removing this space in the code removes the space in the display.<!--content-->
<br />
<br />
<style type="text/css"><!--<br />
table {padding:0px;}<br />
--></style><br />
<br />
<br />
[J]ona<!--content-->It's that gap again...<br />
td img {display: block;}<br />
For an explaination why see here (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->)<!--content-->Thanks Fang,<br />
<br />
Kippie<!--content-->Your code has a line return, or space, between the code for the image ending 'height="75">" and the </TD><br />
<br />
Removing this space in the code removes the space in the display.<!--content-->