Background element

Discussion in 'CSS' started by login, Aug 27, 2009.

  1. #1
    If you look at the top tight here: http://sija.no/blogg/

    You will see that the corner is missing. I cant find out why. Please help.

    Green rep to good answers :)

    Thanks.
     
    login, Aug 27, 2009 IP
  2. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just add "background-image:url(images/Sheet-s.png);" to the ".Sheet-tr div" element :)

    ... and of course position it correctly... :)
     
    Rasczak, Aug 28, 2009 IP
  3. login

    login Notable Member

    Messages:
    8,849
    Likes Received:
    349
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Yes, that is done already, like this, but it still doesnt work:

    .Sheet-tr
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      right: 0;
      width: 41px;
      height: 41px;
    }
    
    .Sheet-tr div
    {
      position: absolute;
      z-index: -1;
      top: 0px;
      left: -41px;
      width: 82px;
      height: 82px
      background-image: url('images/Sheet-s.png');
    }
    Code (markup):
    Here is the style.css, this is on the bottom. http://sija.no/blogg/wp-content/themes/bakkevold/style.css

    The other corners are ok.

    I will pay $5 (Paypal) to the one who fixes it for me.
     
    login, Aug 28, 2009 IP
  4. 1 FineLine

    1 FineLine Peon

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You have no ; after the height attribute thus it can't see the background-image line

    change this:

    
    .Sheet-tr div
    {
      position: absolute;
      z-index: -1;
      top: 0px;
      left: -41px;
      width: 82px;
      height: 82px
      background-image: url('images/Sheet-s.png');
    }
    
    Code (markup):
    to this

    
    .Sheet-tr div
    {
      position: absolute;
      z-index: -1;
      top: 0px;
      left: -41px;
      width: 82px;
      height: 82px;
      background-image: url('images/Sheet-s.png');
    }
    
    Code (markup):
     
    Last edited: Aug 28, 2009
    1 FineLine, Aug 28, 2009 IP
  5. login

    login Notable Member

    Messages:
    8,849
    Likes Received:
    349
    Best Answers:
    0
    Trophy Points:
    280
    #5
    Man, how blond can one man be :eek::eek::eek::eek: Thanks PM your Paypal please.
     
    login, Aug 28, 2009 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Lawlz! Typos always get me too... when I've gone blind from searching for them, I send my CSS to the validator because when I'm tired I'll never see the typo.

    http://jigsaw.w3.org/css-validator/ ignore the warnings and the false errors from CSS3 and vendor-specific extensions.
     
    Stomme poes, Aug 29, 2009 IP
    login likes this.