Links in header & background sidebar/header

[tranan]

I would really appreciate your help with two questions since I couldn't find any satisfying answers in older posts.

Question 1: How do I move the navigation links in the header to the right without moving the whole (yellow/orange) background to the right? I don't really get the whole "padding" "margin" "margin-left" etc. thing and how it affects

Comments

[av8rmike]

For 1), add padding-left: xxpx; to .nav, then decrease the width by the amount of padding.

For 2), add border-bottom: none; to #header

[frijo]

I just realized I commented on the original post, not to your comment and I assume you don't see the comments on original posts (?), which is why I deleted the other comment. Ok, here it goes again:

I have a follow up question here. How do I place the link text in the middle of the grey link bar? (illustrated by the green dot in the picture). The current placement of the links is probably also the reason why I can't see a grey border on the link top when I hover over it (pink dot in the picture). And I guess it's a simple padding-problem again, but I just can't seem to figure this out...

Here is the picture:

[av8rmike]

I only get notifications on comments made to my posts or comments.

Did you try adding some top padding to .nav{}?

[frijo]

Now I tried it and it worked! :) BUT I also had to re-size the background image of the link bar, decrease the height of .nav{} and play a bit with padding in #header .nav a {}. I guess now I know a bit more about padding ;)

Thanks again!