floating multiple images

[xmlgirl]

I have a group of 4 authors' photos that I want right floated at the top of their article. It looks fine, but just realized they are in reverse order. So I wrapped another div around the group and right floated it and left floated the others, but still getting reverse order.
Want: Auth1 Auth2 Auth3 Auth4
Getting: Auth4 Auth3 Auth2 Auth1
Ideas?
Thanks.

<div class="figgroup">
<div class="fig">
<img src="../Images/auth1.jpeg" />
<p class="caption">Author1</p>
</div>
<div class="fig">
<img src="../Images/auth2.jpeg" />
<p class="caption">Author2</p>
</div>
<div class="fig">
<img src="../Images/auth3.jpeg" />
<p class="caption">Author3</p>
</div>
<div class="fig">
<img src="../Images/auth4.jpeg" />
<p class="caption">Author4</p>
</div>
</div>

div.fig {
display: table;
float: right;
}
div.fig p {
display:table-caption;
caption-side:bottom;
}
div.figgroup fig {float:left;}
div.figgroup {float:right;}

[Turtle91]

If you want them in order from left to right, wouldn't you want them to "float: left". That would put each image the farthest left it could go, and then everything else to it's right.

div.fig {
display: table;
float: left;
}
div.fig p {
display:table-caption;
caption-side:bottom;
}

[xmlgirl]

But I'm floating them on the right side

text text text text text photo1 photo2 photo3 photo4
text text text text text text text text text text text

so I'm floating the figs left and the div right
div.figgroup fig {float:left;}
div.figgroup {float:right;}

[Turtle91]

Originally Posted by xmlgirl

div.fig {
display: table;
float: right;
}
div.fig p {
display:table-caption;
caption-side:bottom;
}
div.figgroup fig {float:left;}
div.figgroup {float:right;}

Ahhh, I see what you want now. I think there is a conflict with your floats. (underlined above) div.fig is floating them right, while div.figgroup fig is floating left.

I assume it's a typo in your example, but just make sure div.figgroup fig is actually named as "div.figgroup div.fig"

I haven't tested that, but I hope it helps.

[xmlgirl]

Duh! Thanks. You know how when you've looked at something so long that you are just never going to see it? That was one of those. Works perfectly now.
Thank you!