My background image wont load

I did my entire site but then when i added the image for the background it didnt show up once i pressed f12 but shows up in design mode. i started a new html and kept in the least amount of data or code on the site but can someone help or amend my code and tell me why my background image will not load. thanksss
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript" src="http://interface.eyecon.ro/jquery/jquery.js"></script>
<script type="text/javascript" src="http://interface.eyecon.ro/interface/interface.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
background-image: url(Wallpaper.jpg);
.center {
width: 65%;
margin-right: auto;
margin-left: auto;
</style>
</head>
<body>
<div class="center">Content for New Div Tag Goes Here
<style type="text/css" media="all">
margin: 0;
padding: 0;
body
background: #fff;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
.fisheye{
text-align: center;
height: 50px;
position: relative;
a.fisheyeItem
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
a.fisheyeItem2
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
.fisheyeItem img
border: none;
margin: 0 auto 5px auto;
width: 100%;
.fisheyeItem2 img
border: none;
margin: 5px auto 0 auto;
width: 100%;
.fisheyeItem span,
.fisheyeItem2 span
display: none;
positon: absolute;
.fisheyeContainter
height: 50px;
width: 200px;
left: 75px;
position: absolute;
top: -2px;
#fisheye2
position: absolute;
width: 293px;
bottom: 355px;
left: 800px;
top: 320px;
</style>
<div id="fisheye2" class="fisheye">
<div class="fisheyeContainter" style="left: -28.5px; width: 350px;">
<a href="#" class="fisheyeItem2" style="width: 70px; left: 0px;"><span style="display: none;">Charity</span><img src="CHARITIES BUTTON.png" width="100"></a>
<a href="#" class="fisheyeItem2" style="width: 70px; left: 70px;"><span style="display: none;">Events</span><img src="EVENTS BUTTON.png" width="100"></a>
<a href="#" class="fisheyeItem2" style="width: 70px; left: 140px;"><span style="display: none;">Location</span><img src="LOCATION BUTTON.png" width="100"></a>
<a href="#" class="fisheyeItem2" style="width: 70px; left: 210px;"><span style="display: none;">Tickets</span><img src="TICKETS BUTTON.png" width="100"></a>
<a href="#" class="fisheyeItem2" style="width: 70px; left: 280px;"><span style="display: none;">Multimedia</span><img src="Multimedia Button.png" width="100"></a>
</div>
</div>
<p>
<script type="text/javascript">
$(document).ready(
function()
$('#fisheye').Fisheye(
maxWidth: 35,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 70,
proximity: 90,
halign : 'center'
$('#fisheye2').Fisheye(
maxWidth: 35,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 70,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
</script>
<script language="JavaScript" type="text/javascript">var client_id = 1;</script>
<script language="JavaScript" src="http://stats.byspirit.ro/track.js" type="text/javascript"></script>
<noscript>
<p><img alt="" src="http://stats.byspirit.ro/image.php?client_id=1" width="1" height="1" /></p>
</noscript>
</div>
</body>
</html>

Your code has a lot of errors.
Try this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page title</title>

<style>
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    background: #FFF url(Wallpaper.jpg);
    font-size: 100%;
</style>
</head>
<body>
<header>
<h1>Heading 1 text</h1>
<h2>Heading 2 text</h2>
</header>
<article>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>
</body>
</html>
Nancy O.

Similar Messages

Safari won't display a site correctly, sometimes page takes extended time to respond and partially loads other times images wont load

So I have a friend who I've been trying to assist with this. I don't know if she has issues with other sites or she may not have encountered any yet, but one in particular is just not working. It started about a month ago around the time she moved (so different ISP/router etc.) though not entirely sure if it started right after that or if it was just coincidence. Anyways she cleared cookies/cache, no luck. I had her update and restart the computer, still not working. Disabled all extensions, still doesn't work. It can take upwards of 30-45 seconds to even respond in some cases, and when it does sometimes the page is all white with just text improperly formatted, but the background doesn't display at all, other times the background images and text are displaying correctly but the nearly all the user submitted images on the site (deviantart) will not display. I believe she mentioned it occasionally happened on tumblr as well.
Other computers on her network are fine. I downloaded Firefox to see if it was a problem that persisted across browsers and indeed it did. So I went into the console on Firefox and looked at further information and it was returning Status Code 304 Not Modified which I looked up and that says it is telling the browser that the images should be loaded from cache. Problem with that is she shouldn't have any cache as its been cleared. I searched around this issue, found a suggestion saying to clear DNS cache, tried that and suddenly Firefox worked. I then logged into her username on DeviantArt through Firefox and suddenly the issues returned. I eventually was able to log out and things worked again. Now when I log into her account through Firefox it works fine. Safari still has issues.
I've even deleted the cache.db file in the library/safari folder and quit/restarted Safari and still no success. I've tried disabling cache through the developer options. The status code 304 error made me believe that the reason the images weren't showing up is because there is no cache for those images but the server is telling the browser to use the cache so the images cannot load. One last thing I can mention is that on the console in Safari, it often just returns many errors for all the images on the site saying it didn't respond. One time there were errors saying something about the security certificate but I refreshed numerous times after that and that error never showed up again in the console. Anyone know what might be causing this?

Hi ...
Start here > Safari 5.0.1 or later: Slow or partial webpage loading, or webpage cannot be found
If nothing helped from that link, try troubleshooting Safari plug-ins.
From the Safari menu bar click Safai > Preferences then the Security tab. Deselect: Allow all other plug-ins. Quit and relaunch Safari to test.
If that made a difference, instructions for troubleshooting plugins here.

Images wont load for a certain website how do I fix this ?

Please help me !! I do a lot of surveys but on one website in particular (Global Testmarket) has for a while stopped showing me their images when I come out of one survey to start another, all I see is a blank white screen. I have asked their support for help on numerous occasions but either they don't understand what I'm trying to tell them or they don't have an answer and wont admit it. This problem is one that only happens on Mozilla Firefox, the others are fine, I am using Windows 7 64 bit.
If anyone has the answer I would be forever grateful as this problem has plagued me for a long time.

Make sure that you allow pages to choose their own colors.
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
Note that these settings affect background images.
See also:
*http://kb.mozillazine.org/Website_colors_are_wrong
If images are missing then check that you do not block images from some domains.
*Press the F10 key or tap the Alt key to bring up the hidden Menu bar.
Check the permissions for the domain in the currently selected tab in "Tools > Page Info > Permissions"
Check "Tools > Page Info > Media" for blocked images
*Select the first image link and use the cursor Down key to scroll through the list.
*If an image in the list is grayed and "<i>Block Images from...</i>" has a checkmark then remove this checkmark to unblock images from this domain.
Make sure that you do not block (third-party) images, the <b>permissions.default.image</b> pref on the <b>about:config</b> page should be 1.
There are extensions like Adblock Plus (Firefox/Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images and other content.
See also:
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*http://kb.mozillazine.org/Images_or_animations_do_not_load
*http://kb.mozillazine.org/Websites_look_wrong

Google images wont load

my nokia x6 wont load google images. Even on the homepage i dont get the google symbol. All i get is a green and blue box cut in half. Would someone kindly help me to fix my issue. Many thanks

Have you created and logged into another user and does the same thing occur?
You might have to backup all your user files to a regular external drive and stick the 10.6 disk into the comptuer and reboot holding the c key.
There on the second screen will be a option to re-install OS X (won't touch your files and most programs, but backup regardless) and then reboot. Should be fine after that.

Satellite C660/C660D - Desktop background image not loading

Satellite C660/C660D: Trying to load any image from whatever source fails, with the error message 'an internal error has occurred'. I have tried all the procedures in control panel; none allow a change of background image, although colours can still be altered, as well as themes.
Microsoft advises this is a manufacturer issue, as my OS is OEM.
Can anyone help identify this error and suggest how to fix it?

>Microsoft advises this is a manufacturer issue, as my OS is OEM.
This is a typical MS answer if the Windows system has not been purchased separately LOL and this is NOT a notebook problem.
Would recommend checking this MS knowledge base article:
+Unable to change background picture in Windows 7+
http://support.microsoft.com/kb/2504610

My background image not loading after 32765 px. My page total height is 129866px.

I am developing a website . When i open my website in Firefox it does not load background properly. It stops at 33,565 px from top. when i load it more time it stops on same situation. Can you please asssit me where i am wrong or it is bug of Fifefox. Is there any salutation of this problem.
Many Thanks
Bhhpendra

This is an old problem in Firefox on Windows that apparently is not solved yet. See:
* [https://support.mozilla.org/en-US/questions/950826 Firefox suddenly stops showing background]
* Likely related: [https://support.mozilla.org/en-US/questions/960717 "This image cannot be displayed because it contains errors"]
I'm not aware of any excellent workarounds. In some cases, you can place a background-color behind the image that will be acceptable once the image stops rendering. In other cases, you may be willing to fix the image to a shorter container and scroll the text within that container.

TS1702 itunes store images wont load and can't purchase or update anything

Just wondering if anyone is or has had the same problem. I can access the itunes store and it partially loads but no images load. I can do a search in the store and it will find what I look for in text but no images. It will let me click on "purchase" or on the App store "update" but it will not respond. Any suggestions on how to fix this would be great.

I contacted Apple care about this problem...and ended up having to re download itunes and install it again over top of the original itunes. Once this was done everything was back to normal.

Images wont load in Firefox

Hi,
The images load locally in firefox but not on the server...
any Ideas?
http://www.yogafarm.net/

you should be using a local path to
http://www.globaloption.com/partnersites/globaloptions_en/vid/global9.8/videosmall.f4v
are you?

Adding background image using Loader ()

Hi all,
Am working on a simulation and am running into some trouble.
I am attaching what I have so far. (I'm just in beginning stages so
it's nothing fancy)
What I still need to do is place the main image into the code
using this code:
var somePictLdr:Loader = new Loader();
var request:URLRequest = new URLRequest("octopus.jpg");
<--name of my image on my desktop
somePictLdr.load(request);
addChild(somePictLdr);
I don't know where to put the code in what I already have.
Can anyone help?
Also, I want to add some sort of stop button so when the user
presses 'b' for blue, the blue bubbles come up but when the user
presses 'o' for orange, I want the blue bubbles to stop and the
orange ones to come up.
Can anyone help me? I have messed up the code so many times
that I'm scared to go back into it and mess up what is actually
semi-working. I just need to know exactly where the code goes and
what it should say because I can't even get that part right. *ugh*
Thank you.
Jill

Hi jillybean,
On where to place the code in question, you want to declare
the variable above the bath2 constructor function, by the bubble
array declaration, for example. With slight changes, also, like
this:
var somePictLdr:Loader;
var request:URLRequest;
The code for loading the pic should go in the bath2
constructor function, as follows:
public function bath2() {
somePictLdr = new Loader();
request = new URLRequest("octopus.jpg");
somePictLdr.load(request);
addChild(somePictLdr);
As for your frustration, that is typical of learning a new
language - more examples, and more success will take care of
that.

JPEG image wont load - memory errors

hi, im trying to import a jpeg that is 608kb and 855 x 190, yet for some reason i keep getting this 'memory errors' message? ive tried to open and start a new file, but it wont import to that either.

hi guys,
thanks for your input as well bill - it is a banner for a company logo, it will scroll into view (on the same 'what coulour background as the logo - which was another 'background issue i had earlier)
but steve, im pleased to say that your GIMP idea worked, i saved it there then uploaded into premier and it works fine :-)
thank you

The background image on the login screen is just a blur, the background image wont come up how do I fix it?

Why is the back ground image like this? is it supposed to be blurred? I've tried almost everything to change it but never comes out right.

Please try manually updating Firefox.<br>
To do so, please download to most recent version from [http://www.mozilla.org/en-US/firefox/new/ our website].
Do this fix the updating issue and the Flashplayer issue?

Images wont load

I am having a brain fart here...I have designed and published
a few webpages in the past...It has been awhile though...Im using
Dreamweaver MX...I created a splash page in Photoshop with a logo
and i cut it up into 5pieces...I saved the 5 gif images in a folder
called Index...I then uploaded the Images folder with the images to
my server, in binary mode since they are images..
This is a screenshot of the folders on my server...I have
been told to save everything in the /public_html folder.
http://img99.imageshack.us/my.php?image=ftpnq1.jpg
this is a screenshot of the folders in the /public_html
folder...You will not see the images folder i uploaded cause i took
this screenshot before hand
http://img152.imageshack.us/my.php?image=ftppublicte5.jpg
So i upload the images to the /publichtml folder and i go
back in Dreamweaver...I use Dreamweaver to setup my FTP and i
connect to that...I then go about putting together the images on
the page...I draw a layer and i then drag my first image into the
box off my server....I notice in the properties box below, in the
SRC field its listing my image at the location of
(/public_html/images/Untitled-2_01.gif)...Would that be the correct
location and would the be the correct URL to enter into that field?
Just to test it out and make sure it was working properly i decided
to view the page..So i go up to File and then Save To Remote
Server....I click on the /public_html folder...I then notice that
its telling me the address will be
http://obsession2speed.com/public_html/index.htm
...That doesnt seem right, why is the public_html in there?....So
whatever, i save it anyway...I then go to www.obsession2speed.com
and its a blank page...The single image i added just to test does
not show at all...So i try to add /index at the end and the page
comes back 404 Not Found...I then tried it at the address it gave
me when i saved to remote server
http://obsession2speed.com/public_html/index.htm
...Once again, 404 Not Found...
I have no idea what im doing wrong here but any help would be
a big help...Its just a simple splash page with 5pieces and i cant
figure it out...Im screwed if i think im gonna be able to design a
whole site lol...I was able to do this so easy about a year
ago..

This page:
http://obsession2speed.com/index.htm
has an image with this path:
<img src="/public_html/images/Untitled-2_01.gif"
You just need to make a couple of corrections to this Site
Definition.
In the LOCAL INFO section, set the Local Site Folder to the
folder that
contains this site's "homepage", this file:
http://obsession2speed.com/index.htm
In the REMOTER SERVER INFO section, find the "host directory"
line.
type:
/public_html/ in the host directory line.
click okay.
now open the index.htm page, and fix that broken image by
using the browse
to folder icon.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Background CSS images not loading in firefox when using a CDN

Hello,
I am having trouble getting CSS background images to load in Fire fox when using a CDN.
Here is a description of the problem:
- Everything works fine in Chrome
- Any images loaded through CSS do not load in Firefox (they load in chrome) when i have the CDN enabled.
- Other images / custom fonts appear to load fine with the CDN enabled
My setup:
- wordpress 3.8
- CDN - Rackspace Cloudfiles synced with w3 total cache plugin (using the 'origin push' configuration)
- using Cloudflare (mozilla appears to load the site fine while cloudflare is active)
More about the problem--
I suspect that the problem has something to do with the htaccess file redirecting some urls or something-- but im not quite sure what to do about this.
Has anyone encountered this problem before who can offer some insight?
thanks

Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

How do I get a image to load first on website?

Not sure if this is possible, but I have created a website
and I have a image as the background. The only problem is that all
the other iamges load up before the background. How can I get the
background image to load first (so the viewer, when visiting the
site for the first time, sees the background image first) before
the other images load? Is this possible?

> Not sure if this is possible, but I have created a
website and I have a
> image
> as the background. The only problem is that all the
other iamges load up
> before
> the background. How can I get the background image to
load first (so the
> viewer, when visiting the site for the first time, sees
the background
> image
> first) before the other images load? Is this possible?
Possible? Probably. Practical? No. Necessary? No.
I'd suggest making your background COLOR a tone that reflects
the image to
some extent. Then, make sure you REALLY compress that
background image.
-Darrel

Background in table load delay, or slow load

I just put together this page and things are working pretty
well, but I'm not happy with how the background image loads last.
First you see the text on the screen, and then you see the image
load in from top to bottom.
The image is only 96kb, so it shouldn't be a problem where
the file size is having to download.
I've made other pages with larger background images that load
instantly.
I'm thinking it may be the order of my code - which I'm very
new to.
I thought maybe I could just post the link to the page and
maybe someone could give me a hint as to why it's loading like
this?
http://www.covalt.net/resume
Thanks!

I just put together this page and things are working pretty
well, but I'm not happy with how the background image loads last.
First you see the text on the screen, and then you see the image
load in from top to bottom.
The image is only 96kb, so it shouldn't be a problem where
the file size is having to download.
I've made other pages with larger background images that load
instantly.
I'm thinking it may be the order of my code - which I'm very
new to.
I thought maybe I could just post the link to the page and
maybe someone could give me a hint as to why it's loading like
this?
http://www.covalt.net/resume
Thanks!

My background image wont load

Similar Messages

Maybe you are looking for