Jump to content

Trying to right align a menu...


jessmess

Recommended Posts

Hi, I'm trying to right align a menu…in other words, I want the menu items to do exactly what they are doing now, but facing the other way. I want the black block to flow from a line in the center column towards the left of the screen, with the text following. Here is the site: http://www.words-ina-jar.blogspot.com This is what I have for menu code:

/* Menu -------------------------------*/#PageList1 h2 {display: none;}#menu-wrapper {	 float: left;	 width: 300px;	 margin: 0 0 400px -320px;	 padding: 0;	 }#menu {	 position: relative;	 float: right;	 margin:0;	 padding: 20px 0 0;	 }#menu ul {	 margin: 0;	 padding: 0;	 }#menu ul li {	 list-style: none;	 margin: 0 0 5px;	 }#menu li a {    text-align: right;	 padding: 2px;	 font-size: 20px;	 color: $bodycolor;	 background: #000000;	 }#menu li.selected a {	 color: #fff;	 }

I would really appreciate any help. Thanks,~Jess

Link to comment
Share on other sites

The text-align: right declaration should be on the <li> element rather than on the <a> element. The text-align property does nothing when applied to an inline element. This isn't an XML problem, it's a CSS problem, I'm moving the thread to the appropriate forum.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...