Background Image not shown

Ste · 05:46 PM

Hello Forum,

I have created a very simple webpage with a .JPG image as its background.
It shows well on the local machine but once uploaded and accessed via www the background remains just white.
In the HTML code the background picture is definded as 'bg="example.jpg"' as part of the "body" tag. I have also tried 'background="example.jpg".
The file "example.jpg" is in the same folder/level as the page where it it supposed to appear. Speling is correct. Wouldn't one expect it to show?

One can open the file "example.jpg" directly in the browser but it just shows grey stripes. Can't be the resolution because it is shown without problems when the page is loaded on the local machine..
tried with Opera, Firefox and Chrome, so can't be the browser either.

Has anyone got any ideas? I'm sure there is a simple silly error in it and I'm blind...

Regards,
Steph

ShocK · 12-27-2011, 06:02 PM

Hi, try this -

Code:

<body background="example.png">

d3iti · 12-27-2011, 06:04 PM

Hi, Steph

Link to your website would do well to find where the problem is.

Ste · 12-29-2011, 06:29 PM

Hello,

Yes "background" works, the image is being displayed. Thanks for this hint! However I get tiles no matter what size I'm using. Tried to make it large, 1200x1600 and as .bmp it becomes huge, as .jpeg it still won't show and browsers default to white. Opening the .jpeg separately one can see grey shaded areas but no picture. Looks like .jpeg's resolution is not good enough.

Googled it and it seems to be a classical dilemma with HTML programming.

Asd for the website itself: I've gone back to a black background for now. The actual idea was to use a transitioning blue which goes from lighter to darker between bottom right and top left. Looks likt this just won't work. Cf: http://sh08.webatu.com/Blau4.bmp (small BMP, size ok but comes tiled), http://sh08.webatu.com/Blau3.bmp (huge .bmp 3MB), http://sh08.webatu.com/Blau2.jpeg and http://sh08.webatu.com/Blau4.jpeg are different .jpeg versions of the .bmp files.

Interstingly all .jpeg show well if opened locally. Problems only occur when accessed online. Doesn't make sense to me...

Steph

nevermore93 · 12-29-2011, 08:31 PM

I just posted this link on another topic as well. CSS gives you many great options for backgrounds if used properly. Full resource link posted below. Lot's of other great stuff there too for those new to programming.

http://www.w3schools.com/cssref/css3_pr_background.asp

Ste · 12-31-2011, 05:55 PM

Hello,

Thanks indeed for the info. I haven't gotten around to read myself into making style sheets but it might indeed save some work eventually... So one new project for 2012

However, I now got a different problem. Not sure yet if it's worth opening up another thread on this:

As part of my contact info I inserted the display of a picture showing my email. Didn't want the email address in the source code or as plain text to protect it from spam.
However the picture isn't showing well in 000webhost. I've linked it to another server (exactly the same .jpg file) and it shows very clearly.
What is the reason for this? Are there any specific requirements to be met so 000webhost would display those small images? Maybe that's also behind the fact that it wouldn't display the background .jpg....?!?

Compare:
http://sh08.webatu.com/e-mailtr.jpg
and http://sthl.atspace.com/tr/e-mailtr.jpg

Happy new year to all btw.

Steph

nevermore93 · 12-31-2011, 07:35 PM

Very strange indeed. The image file is obviously being corrupted at some point. What are you using to transfer your files?

arijitnaskar23 · **007 -** 01-02-2012, 06:33 AM

Hello Forum,

I have created a very simple webpage with a .JPG image as its background.
It shows well on the local machine but once uploaded and accessed via www the background remains just white.
In the HTML code the background picture is definded as 'bg="example.jpg"' as part of the "body" tag. I have also tried 'background="example.jpg".
The file "example.jpg" is in the same folder/level as the page where it it supposed to appear. Speling is correct. Wouldn't one expect it to show?

One can open the file "example.jpg" directly in the browser but it just shows grey stripes. Can't be the resolution because it is shown without problems when the page is loaded on the local machine..
tried with Opera, Firefox and Chrome, so can't be the browser either.

Has anyone got any ideas? I'm sure there is a simple silly error in it and I'm blind...

Regards,

Ste · 01-02-2012, 11:41 AM

...why does my initial message get quoted here??

Steph

Sand_Spirit · 01-08-2012, 04:08 PM

body { background-image:url('yourimage.jpg'); }

try with that css code.