Using CSS to have images flush together, HELP!!! Pls.

tukutela · Joined: 19 Feb 2006 Posts: 3

Hi,

I'm relatively new to web design, and are working on a project that's driving me nuts Smile

I'm trying within a row in a table to put two images side-by-side, I've played around most conceivable CSS options but I keep getting a slight gap between the images. How can I get them present flush together?

Here's an example of the HTML code I'm working with...
<table cellspacing="0px" cellpadding="0px">
<tr>
<td>
<img alt="firstimage" class="first" src="MyImage" />
<img alt="secondimage" class="second" src="MyImage2" />
<td>
</tr>

where the CSS looks like:
.firstimage, secondimage
{
position: relative;
width: 100px;
height: 50px;
top: 0px;
right: 0px;
vertical-align: bottom;
}

Any help would be greatly appreciated, thanks for taking the time to read this message.

Corey Bryant · Posted: Mon Feb 20, 2006 3:39 am

It is a whitespace problem

tukutela · Joined: 19 Feb 2006 Posts: 3

Thankyou very much, worked a treat. Now I understand.... Smile

Corey Bryant · Posted: Mon Feb 20, 2006 3:56 am

Glad to have helped - That is a very common mistake - one that I make at least once a week Smile

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions