Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 9 of 9
  1. #1
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default Image not showing?

    3 images aren't showing up, when they should be. +rep again.

    CSS:
    Code:
    #promo_images {
    width: 748px;
    height: 108px;
    margin-top: 400px;
    }
    
    #nry {
    background-image: url(images/nry_promo.png);
    width: 212px;
    height: 108px;
    }
    
    #aam {
    background-image: url(images/nry_promo.png);
    width: 212px;
    height: 108px;
    }
    
    #pfaq {
    background-image: url(images/pfaq_promo.png);
    width: 212px;
    height: 108px;
    }
    HTML
    Code:
    <div class="promo_images">
    <div clas="nry"></div>
    <div class="aam"></div>
    <div class="pfaq"></div>
    </div>

  2. #2
    Join Date
    Nov 2006
    Location
    Liverpool/Manchester
    Posts
    2,457
    Tokens
    0

    Latest Awards:

    Default

    are they definately the right paths? Change them to full paths, then see if they work.
    Joe


  3. #3
    Join Date
    Jun 2007
    Location
    Kent
    Posts
    4,101
    Tokens
    981

    Latest Awards:

    Default

    You sure its in /images folder, it might be in something like /v2/images folder...

  4. #4
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    Try the extentions in uppercase letters as paint saves them in .PNG format.

  5. #5
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default

    Yeah, that's the exact path. It's also .png, so it can't be that.

  6. #6
    Join Date
    Jul 2005
    Location
    Belgium
    Posts
    2,492
    Tokens
    147

    Latest Awards:

    Default

    Quote Originally Posted by loserWILL View Post
    Yeah, that's the exact path. It's also .png, so it can't be that.
    your #promo_images is a div ID

    change it to:

    .promo_images

    as you used <div class=""

    edit: same with the images, change the #'s to dots (.)

    edit2:
    Code:
    .promo_images {
    width: 748px;
    height: 108px;
    margin-top: 400px;
    }
    
    .nry {
    background-image: url(images/nry_promo.png);
    width: 212px;
    height: 108px;
    }
    
    .aam {
    background-image: url(images/nry_promo.png);
    width: 212px;
    height: 108px;
    }
    
    .pfaq {
    background-image: url(images/pfaq_promo.png);
    width: 212px;
    height: 108px;
    }
    Last edited by [Oli]; 15-07-2008 at 08:26 PM.

  7. #7
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default

    Wow, what a lazy mistake. Thanks Oli.

  8. #8
    Join Date
    Apr 2008
    Location
    England.
    Posts
    1,324
    Tokens
    0

    Latest Awards:

    Default

    Or just revert to using div id's

  9. #9
    Join Date
    Jul 2005
    Location
    Belgium
    Posts
    2,492
    Tokens
    147

    Latest Awards:

    Default

    Quote Originally Posted by Excellent View Post
    Or just revert to using div id's
    Perhaps, but good thing about classes is you can use them endless, id's are unique.

    meaning I could have a <div class="contentbox"></div>

    & I could use that several times, instead of creating a new id for each box you add (which would be a waste of code )

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •