Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS images don’t appear in CSS

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31036
    hellie
    Member

    hey guys hope you help me out
    I’m having a major problem thats takin over my whole time

    IMAGES SIMPLY DON’T SHOW!! well, to be more specific, some images do, and some of them don’t
    if you can post any article about that I’d appreciate it

    here is my code

    CSS

    body {
    margin:0 auto;
    padding:0 auto;
    background-color:#afafaf;
    }

    #cont {
    height:900px;
    width:100%;
    }

    #header {
    width:900px;
    height:250px;
    background-color:black;
    position:relative;
    right:-200px;
    }
    #logo { /* image display in browser*/
    position:relative;
    background:url(../trimed.png)no-repeat left top;
    width:191px;
    height:85px;

    margin-left:250px;

    }
    #shine { /* image display in browser*/
    background:url(../images/shine.png) no-repeat 200px -70px;
    width:633px;
    height:567px;

    }

    #bloodtop {
    background:transparent url(../images/bloodtop.png) no-repeat ; /* image won’t display in browser*/
    margin:auto;
    width:251px;
    height:266px;
    visibility: show;
    position:absolute;
    z-index:1;
    }
    #handtop {
    background:url(../images/handtop.png)no-repeat center; /* image won’t display in browser*/
    width:138px;
    height:251px;
    }

    #hang { /* image won’t display in browser*/
    width:232px;
    height:189px;
    background:url(./hang.png)no-repeat top right;
    position:absolute;
    }

    HTML



    HELL!!!!!






    #69561
    TheDoc
    Moderator

    Would be much more helpful if you provide a link to the site.

    On a side note, careful of the spacing here:

    background:url(./hang.png)no-repeat top right;

    IE sometimes doesn’t like that.

    #69550
    hellie
    Member

    hey TheDoc, I didn’t get a notification by email that you replied and I’m so happy you did..
    I was trying every possible way to make FireFox not ignoring that line
    background:url(./hang.png)no-repeat top right;

    ok here is a link to the page
    http://178.77.140.61/css/games/
    CSS file
    http://178.77.140.61/css/games/css
    and some images are in images file
    http://178.77.140.61/css/games/images
    and others in
    http://178.77.140.61/css/games/

    waiting your reply buddy
    thanks again

    #69551
    TheDoc
    Moderator

    Okay, everything is working except your images are huge. For example, the bg image for #hang is 1000×900. So the background is working, but because the div is only 232×189 you don’t see anything.

    That same thing applies to all of the images. By the looks at how you’re trying to code this, you’re really going to have to go back to some of the basics on how to set up backgrounds.

    PS. the #bloodsport one isn’t working because you’re trying to reference a file on your localhost.

    #69534
    hellie
    Member

    omg!!
    you have touched me!!

    u just made my day bro

    I LOVE YOU!!!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.