As you can see the images rather than being stacked on top of each other, are seating to next each other. Now you can imagine how bad it will be if there are 5 such images.

So using the<div class="image-float-right">how do we get them to stack up right on top of each other?

Regards,

felgall
—
2010-03-18T05:58:33Z —
#2

Do you mean actually on top of one another so only the top most one displays or do you mean down the right side of the screen?

For the first of these you'd need to use position:absolute

For the second the easiest way is probably to place the images inside a container and float that right instead of the individual images.

RyanReese
—
2010-03-18T13:33:48Z —
#3

You could have that calss add a "clear:right" :).

Untested though.

WorldNews
—
2010-03-18T14:20:18Z —
#4

Hello,

Yes, I mean the 2nd one. That is have the fotos all aligned on top of eachother down the right side. Of course the user can have the option ofhaving them go across, as they like. But for this discussions purposeI am looking for the solution to have the fotos aligned down the right side.

So how doese one "place the images inside a container"?I mean is that a CSS thing? or what?

felgall said:

Do you mean actually on top of one another so only the top most one displays or do you mean down the right side of the screen?

For the first of these you'd need to use position:absolute

For the second the easiest way is probably to place the images inside a container and float that right instead of the individual images.

PaulOB
—
2010-03-18T14:51:17Z —
#5

Hi,

You already have a class set up in style_blog.css to float the images and you could just add clear:right to it.

It is amazing, it is now working OK.I mean I had the clear:right; in there but it was below float:right;and it was not working Ok, once I moved it above it is working OK!Did not know that it was this sensitive!!!

cheers,

Paul_O_B said:

Hi,

You already have a class set up in style_blog.css to float the images and you could just add clear:right to it.