Images and spaces

Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
<table><tr><td>
<img src=images/left.gif>
<img src=images/right.gif>
</td></tr></table>

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between
Thanks
R

On 2007-12-31, richnjones (AT) gmail (DOT) com <richnjones (AT) gmail (DOT) com> wrote:

Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
table><tr><td
img src=images/left.gif
img src=images/right.gif
/td></tr></table

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between

Because in your source there are spaces between them. Try

<table><tr><td>
<img src=images/left.gif><img src=images/right.gif>
</td></tr></table>

Alternatively make <img> float: left.

On 31 Dec, 16:51, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-12-31, richnjo... (AT) gmail (DOT) com <richnjo... (AT) gmail (DOT) com> wrote:



Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
table><tr><td
img src=images/left.gif
img src=images/right.gif
/td></tr></table

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between

Because in your source there are spaces between them. Try

table><tr><td
img src=images/left.gif><img src=images/right.gif
/td></tr></table

Alternatively make <img> float: left.

Thanks Ben, That worked great! It's so simple when you know how...