WordPress.org

Ready to get started?Download WordPress

Forums

CSS glitch/misunderstanding (9 posts)

  1. iampetesmith
    Member
    Posted 10 years ago #

    I'm new to using CSS to format pages. I grew up in the old wild and wooly days of font tags. :)
    Anyway, working with WP has been a great learning experience, but now I'm stumped. My site is at http://dragonchasers.com/
    If you go there you'll see a green background for the headers, and a lighter green background down at the bottom of the page in the credits section. I want them to be the same color, and I'm not understanding why they aren't.
    CSS snippets:
    #header {
    background: #063;
    font-family: Verdana, Arial, Helvetica, san-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 5px 1px 15px 10px;
    }
    .credit {
    background: #063;
    border-top: double 3px #aba;
    color: #fff;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 3px;
    text-align: center;
    }
    If I change the background value in .credit, the color of the bottom strip changes, so I'm sure I'm changing the correct value. But why aren't they showing as the same color? Is there some kind of inheritance impacting the color of the bottom bar or something?
    Any help would be greatly appreciated.

  2. MathiasBynens
    Member
    Posted 10 years ago #

    Maybe it's just me, but the colours look the very same green to me :s

  3. TechGnome
    Moderator
    Posted 10 years ago #

    I think they are the same color. Sometimes the eyes get tricked because of the surroundings. I think in this case ithas to do with a whole-lotta-green (at the top) vs not-so-mucha-green (at the bottom). I flipped up & down looking at the colors, and they appear to be the same to me.
    TG

  4. iampetesmith
    Member
    Posted 10 years ago #

    OK, color me extremely embarassed.
    I was already to say you're both crazy! :) Then I opened two browser windows, scrolled on to the bottom and stacked them on top of each other and sure enough, same color.
    Sheesh, that's freaky.
    And I'm very sorry to have wasted everyone's time.

  5. iampetesmith
    Member
    Posted 10 years ago #

    Actually, at the risk of beating a dead horse, upon further investigation, its an issue with my laptop's display. The color gets lighter as I move it down on the screen. I'll have to keep an eye on that or it'll cause me huge grief.

  6. SpaceRook
    Member
    Posted 10 years ago #

    Heh heh, I know how you feel. Check out my site:
    http://www.spacerook.com
    View the gridded background image by itself. It looks like pure black when it's alone on a white background. I was fiddling with that *forever* today ("Why the hell is the image all black when I view it outside of my page?").

  7. Anavy
    Member
    Posted 10 years ago #

    Both background color values are #063 - verified by ColorCop

  8. Anonymous
    Unregistered
    Posted 10 years ago #

    You're falling victim to a problem of contrast. Check THIS out for an optical illusion that still stuns me to this day!
    http://www.optillusions.com/dp/1-67.htm
    Even when I verify it with a graphic program and eyedropper I still can't believe it...

  9. Anonymous
    Unregistered
    Posted 10 years ago #

    You have pointed us all at a very interesting visual *phenomena*. Thanks. I had certainly not really thought about this before.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.