Re: Space introduced between images

DM wrote:

If I put three images next to each other (each within an anchor tag)
they all line up horizontally as expected with no space between them.
I.e., they're sitting flush up against each other.

However, in my design I need them to be laid out like this:

XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL

(Each letter, "X", "o", and "L" represents a different image.)

http://tw.ecritters.biz/html_examples/threeimages/

Leif K-Brooks wrote:

DM wrote:

If I put three images next to each other (each within an anchor tag)
they all line up horizontally as expected with no space between them.
I.e., they're sitting flush up against each other.

However, in my design I need them to be laid out like this:

XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL

(Each letter, "X", "o", and "L" represents a different image.)


http://tw.ecritters.biz/html_examples/threeimages/

Thanks for the reply. I appreciate the help. Your example doesn't include the
anchor tags which were present in my original post, but I was still able to get
it to work following your example.

I'm still not sure why space was being added. Even now, it's still being added
in IE 5 for the PC, but I'm willing to allow that.

dm

DM wrote:

Leif K-Brooks wrote:

DM wrote:

If I put three images next to each other (each within an anchor tag)
they all line up horizontally as expected with no space between them.
I.e., they're sitting flush up against each other.

However, in my design I need them to be laid out like this:

XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL

(Each letter, "X", "o", and "L" represents a different image.)



http://tw.ecritters.biz/html_examples/threeimages/


Thanks for the reply. I appreciate the help. Your example doesn't
include the anchor tags which were present in my original post, but I
was still able to get it to work following your example.

I'm still not sure why space was being added. Even now, it's still being
added in IE 5 for the PC, but I'm willing to allow that.

dm
Maybe you should delete the line breaks:

<img src="image1.jpeg" alt="" id="image1"><img src="image2.jpeg"
alt=""><img src="image3.jpeg" alt="">

I know its ugly, but it solve my problem last time.
--
-----------------------------------------
Visit my site! http://solid.bounceme.net
-----------------------------------------

StarQuake wrote:

DM wrote:

Leif K-Brooks wrote:

DM wrote:

If I put three images next to each other (each within an anchor tag)
they all line up horizontally as expected with no space between
them. I.e., they're sitting flush up against each other.

However, in my design I need them to be laid out like this:

XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXooooooooo
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL
XXXXXXXXLLLLLLLLL

(Each letter, "X", "o", and "L" represents a different image.)




http://tw.ecritters.biz/html_examples/threeimages/



Thanks for the reply. I appreciate the help. Your example doesn't
include the anchor tags which were present in my original post, but I
was still able to get it to work following your example.

I'm still not sure why space was being added. Even now, it's still
being added in IE 5 for the PC, but I'm willing to allow that.

dm

Maybe you should delete the line breaks:

img src="image1.jpeg" alt="" id="image1"><img src="image2.jpeg"
alt=""><img src="image3.jpeg" alt=""

I know its ugly, but it solve my problem last time.

this is exactly right.. I had the same problem a few weeks ago, and was
tearing up my hair over it, until I realized that putting tags right
next to each other, no line breaks, no spaces, nothing between them,
solves this problem.. hope this helps.. good luck..

Frances