PDA

View Full Version : Right Align Navigation question and Spacing


jwashburn
Dec-23-2008, 11:23 AM
I am working on getting my navigation links to right align, but if you the typical

text-align: right

it shoves it to the right hand side of the page, I only want it to align with the edge of my banner


I have tried this without luck.

#navcontainer ul {
width: 750px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;



I am also trying to get the navigation a little closer to the slide show.

jwashburn
Dec-23-2008, 01:56 PM
I got it working but I am little nervous because I used some classes that I am not soley in control of.

This is what I did

body #bodyWrapper
{
margin: 0px auto
}
div#bodyWrapper
{
width:900px;
}
.MyMenu
{
list-style-type: none;
text-align: right;
}
.MyMenu li
{
display: inline;
}


Do you see any problems with that?

Oh yeah the site is www.joeywashburn.com (http://www.joeywashburn.com)

Allen
Dec-23-2008, 02:34 PM
I got it working but I am little nervous because I used some classes that I am not soley in control of.
...

Do you see any problems with that?

Oh yeah the site is www.joeywashburn.com (http://www.joeywashburn.com)
I don't see any change, at least in FF3:scratch The red navbar at the bottom, right?

jwashburn
Dec-23-2008, 02:46 PM
I have had it reverted so that I could work on other things.

Check it now

Allen
Dec-23-2008, 04:51 PM
I have had it reverted so that I could work on other things.

Check it now
Try this. Centers nav then pushes it to the right.

#navcontainer {
position: relative;
margin: 0 auto;
width: 300px;
left: 250px;
}

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

jwashburn
Dec-24-2008, 07:40 AM
Nailed it, thanks AL