Jump to content

Archived

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

michaellunsford

table breaks in strict mode

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]

Share this post


Link to post
Share on other sites
To be honest, I'm not sure... if you put borders on the cell, though, you'll see where the extra space is coming from.  Why it's there, I have no idea.

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites
Something must have a margin/border/padding... but who cares, if the problem goes away...

Share this post


Link to post
Share on other sites
specified cellpadding="0" and cellspacing="0" but for some reason, any browser I check it in still puts between three and five pixels under any <img> tag.

Share this post


Link to post
Share on other sites
Almost sounds like a block tag vs inline tag issue...

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
Share on other sites
I'm not suggesting that your style sheet is at fault, just that block tags have line breaks and other related things associated with them (like FORM).

Share this post


Link to post
Share on other sites

×

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.