View Full Version : HTML-Banner Not Showing
CalmWaters
August 19th, 2006, 01:02 AM
Hey all,
I started to make a webpage in MS Notepad and got started and made a banner for it, and it worked just fine, but when I uploaded it to the internet the banner just disappeared and there was no trace of it in the View->Source. I've had this problem before with different hosts so I know its not my hosts and my bandwith is unlimited anyway. The file is only a 12kb .PNG but is very large in width, height, e.t.c. appleyardscomputer.co.uk is the site (under construction!) and you can theres a link to download the original source code if anyone is kind enough to help!
Cheers!
Buzz
August 19th, 2006, 01:17 AM
I'm not seeing anything missing.
The code shows exactly what's on the page.
But... Internet Explorer only supports PNG8 format, not PNG24. If you are using IE and you saved the banner as PNG24, then you won't see the banner.
CalmWaters
August 19th, 2006, 01:19 AM
Can you see a banner though that says "AppleyardsComputer" in comic style font? Because it IS coded in when I use Notepad but the coding and the image mysteriously disappear when I upload it to the internet.
Buzz
August 19th, 2006, 03:18 AM
Yes, the banner shows fine here.
rockboy
August 19th, 2006, 03:43 AM
I see the banner image and the image tags in the source code but you have some html errors in the page layout that could be affecting different browsers. DOCTYPE should be at the top of the page. Also, where you have </main> it should read </div> and you're missing the html page tags.
Basic layout (from your page) should read:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
</body>
</html>
CalmWaters
August 19th, 2006, 10:08 AM
OK, I've made the changes and I still can't see the banner and I can't see the banner in any browser and have no HTML errors, anyone got any ideas?
rockboy
August 19th, 2006, 10:45 AM
You still need to put DOCTYPE at the top. This:
<html>
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
Should look like this:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
You might want to clear your cache and look at it with this link.
http://appleyardscomputer.co.uk/
Are you looking at this page? Here's what I see...
CalmWaters
August 19th, 2006, 11:16 AM
When I put the DOCtype at the top it messes up with the a:link and a:visited and why on earth can't I see the banner, its supposed to look like your screenshot! Have I got some settings that mean I can't see large images or something? This only happens when its my website though...
rockboy
August 19th, 2006, 11:58 AM
If you want to fix the link colors you'll need to fix your .css file. Change color:006fff; to color:#006fff;. (Add the # character.)
I don't know why the banner won't show for you. Maybe it's because you can't see .png files. Do you see the background pattern? It's a .png also. Maybe if you change the .png images to .gif it would make a difference.
http://appleyardscomputer.co.uk/images/banner.PNG
If you don't see the banner image just above this line then you have a problem viewing .png images.
CalmWaters
August 19th, 2006, 02:38 PM
Hmmm... I can't see the image =[
I'll have a shot at it in another format, thanks. Watch this space ;)
EDIT #1: Links now working, missing #:blush:
EDIT #2: I tried a .gif and .bmp banner but still the same result! Nothing like this happens when I view other peoples websites, just the ones I make. The banner is still showing when I'm offline; working on the computer, but the minute it gets uploaded it's not there! Is it anything to do with the fact I have a Linux server? Should I have a Windows one?
rockboy
August 19th, 2006, 08:53 PM
I don't see the banner image either. It's probably because *nix servers don't like it when you use the wrong case for the file names. Change your file name .gif in your code to the uppercase file extension .GIF or change the actual file name to .gif so it matches your html code.
Check these links to see what happens.
http://appleyardscomputer.co.uk/images/banner.gif
http://appleyardscomputer.co.uk/images/banner.GIF
That's one reason why I ALWAYS use lowercase file names and extensions. (Learned that the hard way.;))
I don't know why you can't see the image in my post above, it could still be a png problem and the code problems you're having are just making it more confusing. This is what you should see in my post:
CalmWaters
August 19th, 2006, 08:57 PM
I tried changing the cases and nothing happened. This is REALLY trying my patience now!
If the fact is that I'm having problems viewing .png or just large images then is there a patch or something avaliable to help me?
I'm getting tired now, I'll have another look at it when I'm fresh tommorrow morning.
rockboy
August 19th, 2006, 09:38 PM
I can see the gif banner image now. Clean out your temp internet files/cache and give it another try. If that doesn't work, I don't know.
CalmWaters
August 19th, 2006, 11:49 PM
Dang. It just doesn't work. Thanks for all your help degsy but I might have to look into a different way of showing my banner, possibley using background images and fonts above it instead of an actual image. Cheers