...

View Full Version : menu alignment trouble



sixrfan
12-24-2010, 11:36 PM
stupid question, but i cannot for the life of me figure out what element to apply a text-align:right or a float:right to in order to get the top navigation menu to align to the right side of the screen, and not the left, on this site (http://www.christianlawyersolutions.com/wordpress/)

please advise. thanks in advance!

Excavator
12-25-2010, 12:14 AM
Hello sixrfan,
Your loading two style.css files, not really a problem but it does make it more difficult to debug ... especially when you style .menu from both of them.

Give this a try -

#access .menu-header li,
div.menu li {
float: right;
position: relative;
}

You'll want to re-order your li's then...

Shoot2Kill
12-25-2010, 12:48 AM
is there a type of float centre or something for the navbar at http://scalamoosh.com ???

Excavator
12-25-2010, 02:39 AM
No, there is no such thing as float center.

You can center that nav ul two different ways.
One would be to give it a width and margin: 0 auto; ...like this -

To center an element you need three things:

a valid DocType
an element with a width
that elements right/left margins set to auto


The other way would be using percentages like this example (http://nopeople.com/CSS%20tips/menu-h_centered-ul/index.html).

RealIdea
12-25-2010, 06:18 AM
is there a type of float centre or something for the navbar at http://scalamoosh.com ???

you can do this by giving this selector "header nav ul" in your style.css
an style

text-align:center

sixrfan
12-26-2010, 01:09 AM
the float:right worked. thanks!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum