My website shown here works correctly. www.smogsy.co.uk and is HTML Valid.
i wanted to add a banner so i did uploaded it see www.smogsy.co.uk/index2.php
this is also valid HTML in Safari it works correctly and the image is displayed in FF/IE it just displays a blank bg (when right clicking it knows it & is a .png file but thinks the file to type is .gif & is 1x1 scaled to 800x300
any ideas?
my code the trees.png is the banner
i wanted to add a banner so i did uploaded it see www.smogsy.co.uk/index2.php
this is also valid HTML in Safari it works correctly and the image is displayed in FF/IE it just displays a blank bg (when right clicking it knows it & is a .png file but thinks the file to type is .gif & is 1x1 scaled to 800x300
any ideas?
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="gradualfader.js">
</script>
<title>Smogsy Portfolio: Great Photos & Software</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="photos,photography,deviantart,portfolio,smogsy,software,speedhosting,dark,version,Gallery">
<meta name="description" content="Smogsy's Portfolio: visit here for great photos from all around the world!. There is also opensource software to download">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
font-family: Tahoma, Verdana;
font-size: 10px;
}
body {
background-color: #000000;
}
.style1 {
font-size: 9px;
font-weight: bold;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FF9900;
text-decoration: underline;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
-->
</style>
<style type="text/css">
td.c1 {background-color: #161515}
</style>
</head>
<body>
<table width="804" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="4"><p><img src="images/index_01.gif" alt="" width="800" height="72" align="top"><br>
[B]<img src="banner/tree.png" alt="Trees in the Park" width="800" [/B]height="200"></p>
</td>
</tr>
<tr>
<td colspan="2"><a href="http://photos.smogsy.co.uk/index.php?x=browse" class="gradualfader"><img src="images/index_02.gif" class="gradualfader" alt="" width="401" height="318" border="0"></a></td>
<td colspan="2"><a href="http://www.smogsy.deviantart.com" target="_blank" class="gradualfader"><img src="images/index_03.gif" class="gradualfader" alt="" width="399" height="318" border="0"></a></td>
</tr>
<tr>
<td colspan="4"><img src="images/index_04.gif" width="800" height="2" alt=""></td>
</tr>
<tr>
<td width="7"><img src="images/index_05.gif" width="7" height="23" alt=""></td>
<td class="c1" colspan="2"><span class="style1">Site Links:</span> <a href="http://photos.smogsy.co.uk" target="_blank">PhotoGallery</a> | <a href="http://smogsy.deviantart.com" target="_blank">Deviantart</a> | <a href="http://appgecko.com" target="_blank">Software Development</a> | Smogsy Portfolio is powered by <a href="http://speedhosting.co.uk" target="_blank"><strong>Speed Technologies</strong></a> | Dark Version 2.01</td>
<td width="12"><img src="images/index_07.gif" width="8" height="23" alt=""></td>
</tr>
<tr>
<td colspan="4"><img src="images/index_08.gif" width="800" height="35" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td width="394"><img src="images/spacer.gif" width="394" height="1" alt=""></td>
<td width="391"><img src="images/spacer.gif" width="391" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
</tr>
</table>
<div align="center"><a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
src="http://www.w3.org/Icons/valid-html401-blue"
alt="Valid HTML 4.01 Transitional" width="88" height="31" border="0"></a></div>
<p><script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
</p>
</body>
</html>
my code the trees.png is the banner