Jump to content
Sign in to follow this  
aerta

moving nav bar to the right

Recommended Posts

aerta

I'd like to move my main nav bar to the right so that it lines up with the text on the page. The box surrounding the links should line up with the type. Can anyone tell me how to do this please? Thanks

Share this post


Link to post
Share on other sites
WebWerx
@aerta Or you could move your content over to the left.... It has 40 pxs. of padding. I pulled it out in FireBug. See here: http://cl.ly/251T3Y2w2t0v1L2c0J1J Think about it a bit as (personally) I think moving the content would be a better move as then you will allow for maximum utility for the Main Nav bar. Just my opinion. :ar!

Share this post


Link to post
Share on other sites
Rob
Thanks for your input @WebWerx.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx
@rangelone: You are welcome. Just want to be sure I am not stepping on anybody's toes over at PL HQ.

Share this post


Link to post
Share on other sites
Jenny
@WebWerx Nope, not at all! Just in case you didn't know, we have to reply after you otherwise it stays in our "open" queue. ;)

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
aerta
Nope - I'd still prefer to move the nab bar to the right. Any ideas? Thanks.

Share this post


Link to post
Share on other sites
gyoery
dont move content with margins... margins are margins and not positioning devices. Use float:right, as I explained in your newer thread.

Share this post


Link to post
Share on other sites
Danny
@Aerta, Like Gyoery suggested, simply add float:right like so: [code].main_nav ul {float: right;}[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
aerta
I think you misunderstand: I don't want to range the nab right, I just want to move it [i]to the right[/i] by about 20px

Share this post


Link to post
Share on other sites
gyoery
in your other post you say you want it centered... Which one is it?? If you want to move it 20px to the right, give it a margin-left:20px;

Share this post


Link to post
Share on other sites
Jenny
[code].main_nav ul { margin-left: 20px; }[/code] Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial [url="http://www.pagelines.com/wiki/Custom_CSS"]here[/url]. If your site requires customization, you may wish to consider requesting a quote from one of our authorized Professional designers by visiting [url="http://www.pagelines.com/pros/"]our Pros page[/url].

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
aerta
With respect, Mama, I don't want my site designed for me: I simply want to be able to customise the site as the sales pitch said I could when I bought the product. It's called 'customer service'.

Share this post


Link to post
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

Sign in to follow this  

×