?

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?


Comments

( 6 comments — Leave a comment )
av8rmike
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
frijo
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:

av8rmike
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{}?
frijo
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!
av8rmike
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. ;)
frijo
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
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars