Help - Search - Members - Calendar
Full Version: Backgound image not displaying
HTMLHelp Forums > Web Authoring > General Web Design
multiprint
Okay, I am at my wits end. For 2 Days I have been trying to fix this problem and can't seem to find the help I need. I am fairly new to setting up html sites, however I just can't seem to make sense of how this problem.

Here's my problem:
I had my company's web site up and running fine. However, I decided that the background image was a little too big and tried to fix it. I resized it in photoshop (which is where it was originally created) and resaved it as a gif (index color). Then uploaded to my FTP site. Now it is not showing the background at all! I went so far as to re-upload the entire site (all the files) again and after I did that it started giving me problems with some of the buttons and other images that I didn't even touch! I'm using cyberduck FTP and it appears that the files are uploading fine, but they won't view. Now before you suggest that I've typed the script wrong, I never changed the file name, just saved over the original to avoid this problem.
Can anyone tell my why it worked the first time I uploaded it and now all the files have seemed to go flaky? My web host support said the files were resized to 0 x 0 pixels (and that was on files that I never re-opened that worked before) What am I missing? PLEASE HELP!

Here is my index code:

<HTML>
<HEAD>
<TITLE>Multicopy Printing 989-777-9850 for Copies, faxing, invitations and more in Bridgeport, MI</TITLE>
<META HTTP-EQUIV="cache-control" CONTENT="public"> </meta>
<meta name="description" content="Multicopy Printing, Inc. in Bridgeport, MI near Saginaw for all of your printing, copy, fax, laminating, invitation and business needs."></meta>
<meta name="keywords" content="Bridgeport, Saginaw, Birch Run, Frankenmuth, Vassar, Reese, Richville, Bay City, Michigan, cheap, copies, printing, scanning, fax, wedding, graduation, party, invitations, business cards, letterhead, envelopes, email, laminating, postcards, flyers, brochures, binding, books, design, graphics, graphic design, clipart, tickets, banners, vinyl, signs, resumes, stamps, business forms, newsletters, menus, photos, typesetting, color, google, yahoo"></meta>
<meta name="author" content="Andrea Hewett"></meta>
</HEAD>
<body background="backgroundtest.gif">
<P ALIGN=CENTER>
<ALIGN="BOTTOM" NATURALSIZEFLAG="0"></P>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="98%" border="0">
<tr>
<td width="26%">
<left>
<table width="10%" border=0" font color="purple">
<tr>
<td><p align="left"><a href="multicopyaboutus.html"><img src="bgaboutusbutton.gif" border="0"></a></p></td></p>
</tr>
<tr>
<td><p align="left"><a href="multicopyservices.html"><img src="bgservicesbutton.gif" border="0"></a></td></p>
</tr>
<tr>
<td><p align="left"><a href="multicopycopyprices.html"><img src="bgcopypricesbutton.gif" border="0"></a></td></p>
</tr>
<tr>
<td><p align="left"><a href="multicopypricing.html"><img src="bgpricingbutton.gif" border="0"></a>
</td></p>
</tr>
<tr>
<td><p align="left"><a href="multicopycontactus.html"><img src="bgcontactusbutton.gif" border="0"></a>
</td></p>
</font>
</tr>
</table>
<p>&nbsp; </p>
</center>
</td>
<br>
<br>
<center>
<strong>
<marquee width="66%">
Call us today for your free Quote!
</marquee>
</strong>
</center>
<td width="74%"> <div align="center">
<br>
<br>
<br>
<IMG SRC="multicopybuilding.jpg" WIDTH="300" HEIGHT="250" border="2" ALIGN="top"
<br>
<center><span style="font-family: 'Lydian Csv BT';"> <font color = "blue" size = +5> Multicopy Printing, Inc.</font><br>
<span style="font-family: 'Times';"> <font color = "blue" size = +2><b>
6375 Bridgeport Village Sq. Drive <br>
Bridgeport, MI 48722 <br>
989.777.9850<br>e-mail: <A HREF="mailto:multicopyprint@sbcglobal.net">multicopyprint@sbcglobal.net</A> <br> <b>
<br>
<hr noshade size = 3>
<font size= -2> &copy; 2008 Multicopy Printing, Inc. </b>
</font>
</BODY>
</HTML>

Thanks! Any help is greatly appreciated!

Andrea
pandy
QUOTE(multiprint @ Jul 16 2008, 09:19 PM) *

<body background="backgroundtest.gif">


That's nothing wrong with that, provided the image is called exactly that and is where you say it is. You have to post the URL to the page for trouble-shooting.

Meanwhile...
http://htmlhelp.com/faq/html/images.html#broken-image
multiprint
Is there a certain file format I must adhere to in photoshop besides indexed color and gif format? Because the file sizes are 72 dpi but somehow being read as 0. Not to sound stupid, Pandy, but what do you mean post the URL to the page for trouble-shooting? Also, I haven't specified exact location because I was told by my web page instructor that I can just specify the file name without putting it's location. Please let me know, I'm going crazy.

Thanks!

Andrea
Darin McGrew
Can you provide the URL (address) of a document that demonstrates the problem? Without that, all we can do is offer general advice like that in the FAQ entry that pandy suggested.
pandy
Yeah, that's what I meant. smile.gif

I haven't a clue about PS, but a GIF should be a GIF, me thinks. DPI has no relevance for screen use. It's just a printer instruction.
multiprint
Oh, sorry. The web site is http://www.multicopyprintinginc.com

Thanks,

Andrea
pandy
I see it, but it's corrupted. Both IE and FF show a line of crazy colors, almost like pixels but bigger. Don't you see that?

My first guess is that you transfered the image in ASCII Mode. Check the options in your FTP program. It should be Binary Mode for images.

You local copy of the image does look alright after saving, I assume?
multiprint
Pandy, YOU ARE A GENIUS!!! THANK YOU SO MUCH!!! I don't even know you but you are my new best friend! (Not that you want a newbie that doesn't even know the difference between binary and ASCII for a friend, but someone had actually told me that I needed to use ASCII, so I'm glad I listened to you instead!

Check out my site now, if you would:

http://www.multicopyprintinginc.com

Thanks again!
pandy
Looks fine now. biggrin.gif
pandy
QUOTE(multiprint @ Jul 16 2008, 11:14 PM) *

but someone had actually told me that I needed to use ASCII, so I'm glad I listened to you instead!


Just so you don't screw up again, here's a rule of thumb: everything that you can read and edit in a text editor, that's plain text, should be sent as ASCII. That is html, css, js, pl, php and all other kinds of scripts. Everything else, like images, videos, program files, PDFs, zips and so on should be sent as binary.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.