Topic: Help right align content in short div. (Page 1 of 1)

Hey all I'm working on a menuing system and need to figure somethin out.

I have this sample:

Basically what I want to do is have 3 links in each row, one on the left and two on the right. And I'm not sure the best way to do this. As you can see I have something close, however it's only working by setting the width of the left link which means I'd have to be consistent with the sizes of the right links or they will get pushed off the end of the menu. I've tried a couple of float solutions etc but they don't seem to be working (or I'm not doing them right.)

Anyhoo thanks!



.:[ Never resist a perfect moment ]:.

Based on the visual you provided, it seems as though the struture may warrant a table.

If that's not the case, I would try setting the .rightLinks div to float:right;, and then you need to place it before the .leftlink div in the code for it to float properly.

may also need to throw some clear:right;'s in there somewhere as well.

Or, rather than wrapping each set of links in a seperate <div>, you may want to simply float 2 container divs side by side, one containing all the left links, one containing all the right links. This loses the structural association however.

Ah the float right worked,! It was having it after the first link that had failed for me.



.:[ Never resist a perfect moment ]:.