Log in

No account? Create an account

Previous Entry | Next Entry

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 #header, #header-content...

Question 2: How do I get rid of the (thin) white line between the blue background of the sidebar and header?


( 6 comments — Leave a comment )
Jan. 8th, 2008 04:30 am (UTC)
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
Jan. 9th, 2008 04:26 pm (UTC)
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:

Jan. 9th, 2008 04:49 pm (UTC)
I only get notifications on comments made to my posts or comments.

Did you try adding some top padding to .nav{}?
Jan. 9th, 2008 05:26 pm (UTC)
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!
Jan. 9th, 2008 05:32 pm (UTC)
You're welcome! I recommend W3Schools' site for learning about all the different properties and values. It sure beats reading the specs. ;)
Jan. 9th, 2008 06:49 pm (UTC)
Hm, the "hovering" looks a bit weird in IE 7... Works fine with opera and firefox.

Anyway, I'm gonna take a look at W3School's site, seems like there is a lot to learn :)
( 6 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars