1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS help required (important)

Discussion in 'CSS' started by crazyryan, Dec 2, 2006.

0
  1. #1
    Right guys, this is a little tricky because of the way it was coded, it's not terrible coding, but the coder was a little lazy.

    My site is www.boredombase.com.

    The columns are the same colour as the background and they clash a little so I was wondering if anyone knew how I could edit my CSS so the background is different to the column colour..

    My site CSS:
    http://boredombase.com/site.css

    Here is an example of what I am looking for:
    http://img451.imageshack.us/img451/4562/examplevf0.png

    Big thanks to anyone who helps!
     
    crazyryan, Dec 2, 2006 IP
  2. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Take the image I've attached and insert it as a background image for your #container rule.

    That's it :)

    Oh, I did notice the background image is 901px, but that container is 900px. You might need to add padding-right:1px to the container rule as well to make it all show up properly.

    Edit: vB didn't seem to care for the dimensions of my image. I uploaded it again.

    Edit #2: vB/DP still doesn't like my attachment. Try this one - http://www.paulhirsch.com/ex/bg.gif - it's only 1 pixel tall, so you might have to look hard for it on your screen ;)
     
    the_pm, Dec 2, 2006 IP
    crazyryan likes this.
  3. crazyryan

    crazyryan Well-Known Member

    Messages:
    3,087
    Likes Received:
    165
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Thanks man, it's all fixed and lookin' good :)
     
    crazyryan, Dec 2, 2006 IP
  4. crazyryan

    crazyryan Well-Known Member

    Messages:
    3,087
    Likes Received:
    165
    Best Answers:
    0
    Trophy Points:
    175
    #4
    I just noticed a little error here and there, if you look closely at the columns there are a few errors.

    If you can't see them I attached an example of a page with the errors, they seem to be on every page.

    http://img390.imageshack.us/img390/1963/efp2.gif
     
    crazyryan, Dec 2, 2006 IP
  5. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #5
    One pixel here or there would need to be tweaked within the #container style. In my post above, I suggested adding one pixel of padding to the right of #container. What happens when you try this?
     
    the_pm, Dec 2, 2006 IP
  6. crazyryan

    crazyryan Well-Known Member

    Messages:
    3,087
    Likes Received:
    165
    Best Answers:
    0
    Trophy Points:
    175
    #6
    It didn't fix it, but I editing the image and it seems to be fine now.
     
    crazyryan, Dec 2, 2006 IP
  7. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Good! I'm glad you figured it out.

    The first screen shot you posted with your desired layout had a total width of 901, but your actual coded site is 900 for the content area. That explains the 1 pixel discrepancy. I was suggesting widening your area by 1 pixel, but saving a pixel off the image works just fine :)
     
    the_pm, Dec 2, 2006 IP
  8. parusa619

    parusa619 Banned

    Messages:
    556
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #8
    There is no difference for what you are looking for, you have obtained your goal. :)
     
    parusa619, Dec 9, 2006 IP