Right Aligned Menu & Arrangement

[erostad]

Hello –

I want to align my PixoPoint Menu to the right.  I have done so in the CSS (see below) but this makes the menu links go in the opposite order from how they are if the menu is left aligned.  I don’t have any drop-down’s for this menu, so I am not worried about the possible implications of the drop-downs being messed up with a right align.

The website in question is – http://tinyurl.com/ycy9cr3
[code:1jzjr6sf]
#pixopoint_menu1 li {
border:none;
background:none;
background:#8DAFDD url("../images/erik_blue_grey.png") repeat-x;
color:#FFFFFF;
line-height:35px;
z-index:20;
letter-spacing:0px;
font-weight:normal;
font-size:18px;
padding:0;
margin:0 0px;
[color=red]float: right;[/color]
font-family: Helvetica, sans-serif;
position:relative;
}
[/code:1jzjr6sf]
Anyone know of a way to get my menu to display in the correct order with Home being the first link and About being the second link?

Thanks,
Erik

[imported_Ryan]

You would need to reverse the order of the list items. I don’t know any way to do this directly via CSS.

Actually, you could set a fixed width on one of the wrapper containers, and align that to the right. But that adds a bunch of complications in that you can’t align them perfectly to the left across a range of text-sizes, browsers and OS’s.

[Author]

Posts