Renegade — Tue, 07 Mar 2006 06:49:10 +0000

This is the way it is meant to work, if you don't like this, don't float both objects. Try doing something like this:

#left-image {
position:relative;
margin:0;
padding:0;
float:left;
width:10em;
}

#right-image {
position:relative;
margin:0 0 0 10em;
padding:0;
}

And of course the HTML:

<div id="left-image">
<img src="left-image.gif" width="100" height="100" alt="" title="" />
</div>
<div id="right-image">
<img src="right-image.gif" width="100" height="100" alt="" title="" />
</div>

I haven't tested the code but, try it and see if it works.

demonhale — Tue, 07 Mar 2006 03:40:27 +0000

hey try two float lefts, one for the first image and another for the second, if not try using a single div wrap it to the two img tags and just directly assign tags with no floats and the div will float aorund, but the two images will stick together...

timjpriebe — Mon, 06 Mar 2006 19:36:51 +0000

I'm not sure if there's a way to directly prevent that, but another option is to make one of the images a background image of a div, and then float the other image within that div.