Jump to content

table breaks in strict mode


michaellunsford

Recommended Posts

http://www.pack223.com/test.php

I've eliminated the CSS and all the content. I can't seem to get the table to close up in 4.01 strict mode. Quirks and Transitional works fine, though. What am I missing?

[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Evangeline Area Pack 223</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- link rel="stylesheet" type="text/css" href="elements/style.css" -->
</head>
<body>
<div style="width:775px; height:680px; margin:auto;">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" style="margin:0; border-style:none; height:680px; width:775px; ">
<tr>
<td colspan="3"><img src="images/index_01.jpg" width="775" height="87" alt=""></td>
</tr>

<tr>
<td><img src="images/index_02.jpg" width="94" height="502" alt=""></td>
<td><img src="images/wel1.jpg" width="604" height="502" alt=""></td>
<td><img src="images/index_04.jpg" width="77" height="502" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/index_05.jpg" width="775" height="91" alt=""></td>
</tr>
</table>

</div>
</body>
</html>[/code]
Link to comment
https://forums.phpfreaks.com/topic/24047-table-breaks-in-strict-mode/
Share on other sites

Well, it was adding to the bottom of the images. I seem to have fixed it by turning it into CSS -- making the cell dimensions the same as the image they contained and making the image the cell background.

weird, but it works. ???

The whole internet is one big hack.
I don't think so -- but I am a CSS noob. Here's my attached sheet:

[code]
html, body {
margin:0px;
height:99%;
color:#FFFFFF;
background-color:#10112a;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-decoration:none;
color:#FFFF00;
background-color:transparent;
font-weight:bold;
}
a:hover {
color:#FFFF00;
background-color:transparent;
text-decoration:underline;
}
td {
vertical-align:top;
}
img {
border-style:none;
}[/code]

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.