Topic: Help right align content in short div. (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=26483" title="Pages that link to Topic: Help right align content in short div. (Page 1 of 1)" rel="nofollow" >Topic: Help right align content in short div. <span class="small">(Page 1 of 1)</span>\

 
bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 08-19-2005 18:23

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 ]:.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 08-19-2005 19:34

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.

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 08-19-2005 20:23

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



.:[ Never resist a perfect moment ]:.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu