...
PDA

image not displayed

rndilger
11-23-2005, 01:59 PM
First of all, thanks to everyone who supports this forum. The dialogue on this forum has been a great help to me!

Alright, here's the situation. I have a simple php template that I've used many times. It simply draws code from different places to form the header, footer, etc. All of the style is done via CSS in div tags. The problem I am having is that the banner image (banner.gif) is not showing up for some reason. This image is housed in the "top" container (div section). I have done a similar task elsewhere on the same page. My concern is that when I view the page in IE/FF/N, the picture doesn't show up. More importantly, when I view source, the line which should display the image is not even present! However, the div tags (with the class="top" statement) ARE present.

Please HELP!

Thanks,

Ryan


Following is the code for the main page:

<?php ob_start("ob_gzhandler"); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Home</title>
<?php include ("/home/x22card/public_html/htmlblock/head.php"); ?>
</head>

<body>
<div class="leftbar">
<img class="logo" src="images/logo.gif" width="165" height="115">
<div class="menu"><?php include ("/home/x22card/public_html/scripts/ButtonSetup.php"); ButtonSetup('index') ?></div>
</div>

<div class="top">&nbsp;<img class="banner" src="images/banner.gif" width="540" height="115"></div>

<div class="content">
<div class="main">
<font class="LargeBold">Please check back for updates!</font>
<? include ("/home/x22card/public_html/htmlblock/footer.php"); ?>
</div>
</div>
</body>
</html>

Following is the CSS script:

html, body {
width: 100%;
height: 100%;
}

body {
margin: 0px;
padding: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 11pt;
background-color: #FFFFFF;
}

img.menu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
position: relative;
}

div.whole {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}

div.leftbar {
position: absolute;
height: 1000px;
width: 165px;
left: 0px;
top: 0px;
background-color: #FFFFFF;
z-index: 1;
}

img.logo {
position: relative;
height: 115px;
width: 165;
top: 0px;
left: 0px;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
}

div.menu {
position: absolute;
float: left;
height: 100%;
width: 165px;
left: 0px;
top: 145px;
z-index: 2;
}

div.top {
position: absolute;
top: 0px;
left: 250px;
width: 540px;
height: 115px;
background-color: #FFFFFF;
z-index: 2;
}

img.banner {
position: relative;
top: 0px;
left: 0px;
width: 540px;
height: 115px;
z-index 3;
}

div.content {
position: absolute;
left: 165px;
top: 115px;
width: 75%;
height: 100%;
background-color: #FFFFFF;
}

div.main {
clear: both;
position: relative;
top: 35px;
left: 25px;
width: 75%;
background-color: #FFFFFF;
}

div.footer {
position: relative;
top: 30px;
clear: both;
height: 100px;
width: 95%;
background-color: #FFFFFF;
horizontal-align: center;
}

.Small {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-size: 9pt;}

.Small A:link {color: #000000;}
.Small A:visited {color: #000000;}

.Normal {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-size: 11pt;}

.Normal A:link {color: #000000;}
.Normal A:visited {color: #000000;}

.Large {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-size: 13pt;}

.Large A:link {color: #000000;}
.Large A:visited {color: #000000;}

.SmallBold {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-weight: bold;
font-size: 9pt;}

.NormalBold {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-weight: bold;
font-size: 11pt;}

.LargeBold {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-size: 12pt;
font-weight: bold;}

.Footer {
font-family: Tahoma, Verdana, Arial;
color: #000000;
font-size: 8pt;
font-weight: bold;}

.Footer A:link {color: #000000;}
.Footer A:visited {color: #000000;}
MattyUK
11-23-2005, 02:32 PM
Do you have an online link?
rndilger
11-23-2005, 02:38 PM
http://www.622cards.com
MattyUK
11-23-2005, 02:48 PM
Displaying fine for me in IE6.0 and FF 1.07.

Norton and various other adkilling type progams will often strip out images conforming to common names like banner.gif. They take every page you look at and run its HTML through their own filters. Stripping out anything that conforms to their assumptions of "badness" or that they advertised they would keep you protected from.

Rename it to scoot past such heavy handed assumptions. Remember to emtpy caches.

Try to avoid advert or adv*.*. I ran into this with advert.gif a few years ago.

Hope thats it.
rndilger
11-23-2005, 02:58 PM
Thanks for the quick reply. I hadn't thought about the filtering capabilities of browsers. I'll give it a try and I'm sure it'll work. This is why I love this forum! Thanks again for the advice.

Ryan
MattyUK
11-23-2005, 03:08 PM
Hi

Just to clarify, it isn't usually the browser but some other program installed on the system OR browser pluggin/toolbar etc.

In my customers case it was Norton's ever so wonderful (cough, did I just sell my soul?) internet security.
_Aerospace_Eng_
11-23-2005, 08:42 PM
I don't use Norton anymore. Its too resource intensive. Just rename the image to something other than banner Norton is picking it up as an advertisement which is why it was blocked.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum