sixrfan
12-24-2010, 10: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-24-2010, 11:14 PM
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-24-2010, 11:48 PM
is there a type of float centre or something for the navbar at http://scalamoosh.com ???
Excavator
12-25-2010, 01: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, 05: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, 12:09 AM
the float:right worked. thanks!