CSS background image strange very strange i just cant get it - html

I have a strange problem and I just can't solve it. I guess the problem is in the image files. I have a folder called project, inside I have two folders named images and web - my files are in web.
In images I have total of 4 images. I'm trying to set background-image and the problem is its only working with 1 of the 4 images. I use this and it works:
body{
background-image: url("../images/space.png");
}
And when i change it - Nothing!? :) :D
body{
background-image: url("../images/123.png");
}
It works with 1 img file but not with others.
And a few minutes ago it was working fine...
I know its really simple question for some, but I'm just getting into html/css.

Just tryed random png picture and it works fine. The picture that iam trying to set its also png and 3hrs back it worked, then stoped... I just dont know what to say :D Picture number 3 is jpg, was working perfect too before 3hrs, not anymore..
I've just lost several hours with this pictures, still dont know how to explain it.. :)

Please check if all images in .png format.
Perhaps other 3 images are .jpg.
It is hard to understand what is wrong with your project without watching on it. Maybe you could upload all files to some place? Maybe the size of images is so different that you can't see it in the image container.

Related

The Background Image for my Personal Website not showing up. I think my path is correct url('../images/IMG_1.png) but not sure

I'm pretty new to cs and wanted to try and create a personal website for fun.
I've attempted many times to try and use an image from my files to be the background for my personal website. I tried to read up on how paths work but I can't seem to be able to set the background to the image.
Please check my github repository for all the code:
https://github.com/HarnoorDhillon/HarnoorDhillon.github.io
I just checked out your git repo and it looks like there's an error with your image. It's broken or something. But for the style.css you might want to put background-image: url("../images/IMG_1.png"); under the body instead of html as that is generally where that sort of stuff goes.
For example,
body {
background-image: url("../images/IMG_1.png");
/* Other stuff like background-color, font, etc.*/
}
Sidenote: That image is more than 3800 x 2600px and nearly 16MB, which is kinda huge, even for a full screen background image. You could comfortably half the dimensions (which would roughly quarter the file size/download time) with no discernible loss of visual clarity.

Some Images wont load in html, while others work fine for no obvious reason

why does html just not recognize some images? i took a picture on my phone and moved it to my laptop, and when i try to load it nothing happens. images that i edit in gimp dont work unless i upload them to am image sharing site and redownload them, and sometimes even that doesnt work. i know it isnt an issue with my syntax, because some other images will load, just not the ones i actually want. ive tried to adjust the image permissions, images will have the same permissions but only some of them work.
i know this isnt a lot to go off of, if anything else is needed ill try my best to answer

I tried using an image in HTML, why won't it show

The Code I have tried.
I dont know what mistake I made here, I am retaking a course and going through the image part(I am a newb), however my images never load it just gives me the picture wont load broken face. Help please!

corel draw cdr to html website

hello i will need some of your lights in here.i have these cdr files and i want to make them html website.i have managed to make the cdr into jpg and then by mapping made them into some kind of a page.The thing is that it loads differendly in monitors and also i am unable to make it look nice.any suggestions of how i can make this jpg into a website since i am not really good in coding or at least make it look good in all kinds of monitor?
thanks in advance [my corel draw][1]
Change line 21 which set the height as 99% in to this:
height: initial !important;

cocos2d-x: JPG image becomes dark

I use JPG image as background image in my game to reduce size.
It's working fine in >iOS 5. But in iOS 4.3.3 it become dark.
It will be great if anyone can explain exactly why this problem can be occurred and how it can be resolved.
Thanks!
The solution of this problem can be found here. At the same time another thing we should keep in mind, "JPG formate takes much longer times to load than PNG formate"

Categories