| jtshaw |
02-21-2004 10:22 PM |
Annoying IE/HTML problem
Alright, I am no web developer. I think I should say that because it is true, and I might simply be over looking something obvious here. I threw together a sample website.
The code looks like this:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="http://homer.jtshaw.com/common/style.css">
<title>JTShaw.com Fortune</title>
</head>
<body>
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="100%" colspan=2><img src="http://homer.jtshaw.com/images/interface/TopLeft2.png" border=0 alt="Top Left Image"></td>
</tr>
<tr>
<td valign=top>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td>
<a href="http://homer.jtshaw.com/blog/index.php"<img src="http://homer.jtshaw.com/images/interface/BtnMain.png" border=0 alt="Main"></a></td>
</tr>
<tr>
<td>
<a href="http://homer.jtshaw.com/fortune.php"<img src="http://homer.jtshaw.com/images/interface/BtnFortune.png" border=0 alt="Fortune"></a></td>
</tr>
<tr>
<td>
<a href="http://homer.jtshaw.com/gallery/index.php"<img src="http://homer.jtshaw.com/images/interface/BtnGallery.png" border=0 alt="Gallery"></a></td>
</tr>
<tr>
<td>
<a href="http://homer.jtshaw.com/links.php"<img src="http://homer.jtshaw.com/images/interface/BtnLinks.png" border=0 alt="Links"></a></td>
</tr>
<tr>
<td>
<a href="http://homer.jtshaw.com/serverinfo.php"<img src="http://homer.jtshaw.com/images/interface/BtnServerInfo.png" border=0 alt="Server Info"></a></td>
</tr>
</table>
</td>
<td colspan=1 valign=top width="100%" height="250" class=bg>
<div align=center><font size=4>Fortune</font><br>
</div><br>
<p align=center>Mastery of UNIX, like mastery of language, offers real freedom. The price</p><p align=center>of freedom is always dear, but there's no substitute. Personally, I'd</p><p align=center>rather pay for my freedom than live in a bitmapped, pop-up-happy dungeon</p><p align=center>like NT.</p><p align=center></p><p align=center> -- Thomas Scoville, Performance Computing</p>
<div id="Bottommenu" align="center"><a href="./fortune.php">Get a new Fortune!</a></div>
<p align=center> Disclaimer: This program utilizes the "notorious fortune program" which was released under the BSD license.
I cannot guarentee it won't spit out something offensive.<p>
</td>
</tr>
<tr>
<td align=right colspan=5>
<a href="http://validator.w3.org/check/referer"><img border="0"
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88"></a>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</td>
</tr>
</table>
</body>
</html>
I am well aware that the formatting blows, it is a result of some of the code being generated by php so it isn't tabbed over nicely.
Anyway, the problem I am having is in IE the navigation images (aka the table within the table) is not displaying at all. It works fine in mozilla, and the other parts of the table work fine in IE, but not the table full of images.
The HTML validates on both the CSS and HTML validation services by W3C, so I assume I am not just over looking a missing column, row, or table terminator or something like that. Does anyone have any ideas that could make this work?
Oh, btw, the address of the page is http://homer.jtshaw.com/fortune.php |
