?

Log in

No account? Create an account

Previous Entry | Next Entry

Working on the layout for hollow_art. And there's this big gap between the content and the header. I'm pretty craptacular when it comes to CSS, but I've tried everything I can think of, and I can't get it to go away.

EDIT: Gap problem SOLVED!

Additionally... how would I go about changing the link colors on the sidebars, as well as using my own div image?

And finally... using Expressive (duh), Chopsticks.

Comments

( 11 comments — Leave a comment )
av8rmike
Nov. 1st, 2007 02:20 pm (UTC)
I'm not sure where the big gap is, but if it's the one under "Recent Entries | Archive ...", you could try changing the margin here:
#content {margin-top: 40px;}
I'm still seeing the Chopsticks header, which you can remove with this:
#header {background-image: none;}
laurasue
Nov. 1st, 2007 02:22 pm (UTC)
Thanks for the reply, I appreciate it. :)

But the gap is still there. Is my new header at least showing up now? :-\
laurasue
Nov. 1st, 2007 02:30 pm (UTC)
Ugh. Upon looking at it with IE, I've found that my background color for my content isn't showing up either. So, apparently I have more problems than I originally thought.

How it looks on opera and firefox.
av8rmike
Nov. 1st, 2007 02:56 pm (UTC)
Sorry, I meant that you should change the 40px in #content to something smaller.
I have no idea why the background color isn't working in IE, but you could try this instead of setting it in #content:
#page {background-color: #c6c6c6;}
laurasue
Nov. 1st, 2007 03:02 pm (UTC)
SQUEE! changing it to 0 removed the gap. many thanks there!!!

I still can't get the background to work though. Very strange.
av8rmike
Nov. 1st, 2007 04:10 pm (UTC)
The background thing is definitely a IE6 browser quirk; check this out. However, in this section:
#content {
    background-color: #B6B6B6;
}
Change #content to either #content-inner or #page and it should work.
For sidebar link colors:
.widget-content a {
    color: #809aab;
}
Just change the italicized part to the color you want.
av8rmike
Nov. 1st, 2007 05:53 pm (UTC)
...as well as using my own div image?
What does this mean?
laurasue
Nov. 2nd, 2007 02:14 am (UTC)
Sorry, should have been clearer. XD On the sidebars, there is a small divider, two little blue bars that came with the chopsticks layout. I don't want those bars, if possible - I'd like to nix them, or use my own image.
av8rmike
Nov. 2nd, 2007 02:47 am (UTC)
This will remove the borders completely:
.widget-header {
    border-top: none;
}
You can't use an image in the border, but you can use one as a background to the sidebar headers. Look at any of the Cityscape, for instance, to see what it looks like. For instance, you could do something like:
.widget-header {
     border-top: none;
     background: url(IMAGE URL) repeat top left #COLOR;
}
Just substitute your own image URL and color.
laurasue
Nov. 2nd, 2007 05:19 am (UTC)
Thank you very much for all of your help man. :) You answered all my questions. You rock. <3
av8rmike
Nov. 2nd, 2007 01:08 pm (UTC)
Awww... thanks!
( 11 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