images don’t appear in CSS

[hellie]

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

Home


login


register

[TheDoc]

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.

[hellie]

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

[TheDoc]

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.

[hellie]

omg!!
you have touched me!!

u just made my day bro

I LOVE YOU!!!

[Author]

Posts