![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
kvancelot posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemo/
So, I don't do a lot of layout coding, but I can generally work my way through the majority of issues. Unfortunately, I've hit a wall and I just can't seem to work out the fix.
My layout journal where I'm working on this iswedidntstartthefire and the issue is all around the navigation footer, save for the entry footer issues. You can see what I'm referring to here.
1.) SOLVED! Navigation footer area thing coded with a background image. For the most part, it's worked out splendidly. Unfortunately, there's a one pixel area on the very bottom where the entries peek through when scrolling.
2.) SOLVED! Navigation links. D: No matter what I try, I can seem to get them to move down. I'd like for them to line up with the bottom of 0615 on the image. Also to be black. For the life of me, I can't seem to make this happen.
3.) SOLVED! Entry links, for editing and stuff. I'd like them to be centered compared to the rest of the centered elements in the navigation footer.
Here's the (horribly botched, piecemeal) code:
Any help would be greatly, greatly appreciated!
So, I don't do a lot of layout coding, but I can generally work my way through the majority of issues. Unfortunately, I've hit a wall and I just can't seem to work out the fix.
My layout journal where I'm working on this is
wedidntstartthefire and the issue is all around the navigation footer, save for the entry footer issues. You can see what I'm referring to here.1.) SOLVED! Navigation footer area thing coded with a background image. For the most part, it's worked out splendidly. Unfortunately, there's a one pixel area on the very bottom where the entries peek through when scrolling.
2.) SOLVED! Navigation links. D: No matter what I try, I can seem to get them to move down. I'd like for them to line up with the bottom of 0615 on the image. Also to be black. For the life of me, I can't seem to make this happen.
3.) SOLVED! Entry links, for editing and stuff. I'd like them to be centered compared to the rest of the centered elements in the navigation footer.
Here's the (horribly botched, piecemeal) code:
Any help would be greatly, greatly appreciated!
no subject
Date: 2012-09-27 05:31 am (UTC)The extra space is because the navigation module is slightly taller than its background image (and has no background for that remaining 1px of height)
Either set that height to 87px, or add a background-color: #000, and that wll fix it!
Hmm, okay the navigation links ul itself is inline, which is why it's not responding to margins. Make ul.module-list display:block, then move it around with the margin. (Note: the links will still remain horizontal, because the list items inside will still be display: inline)
Then, instead of: div.module-navlinks ul.module-list { color: black; }
Make that: div.module-navlinks ul.module-list a { color: black }
Note: may want to have a separate a:hover etc color
3.) Entry links, for editing and stuff. I'd like them to be centered compared to the rest of the centered elements in the navigation footer.
These look centered to me. But maybe they need a padding-left: 13px, the same as the navlinks?
no subject
Date: 2012-09-27 08:01 am (UTC)This all worked when I took a little time to understand it. I really appreciate you going to the effort of helping me. <33
no subject
Date: 2012-09-27 08:04 am (UTC)