Reply
XHTML 1.0 Strict
Old 08-07-2004, 02:46 PM XHTML 1.0 Strict
WaHoOoO!'s Avatar
Mentally Unstable Tugboat Captain

Posts: 797
Name: Chad
Location: /usr/bin/perl
I am working on a website for my non-profit group, and I was converting my XHTML 1.0 Transitional markup to XHTML 1.0 Strict. In my rush to get it right, I messed up somewhere. If you visit the site you will notice that the tabling is off. I ran it through various validators, and nothing shows up (as W3C says it's compliant code)...if anyone can spot the error in my tabling, I'd be most appreciative.

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Culture Connection - <?php if(!$id) $id = "Home"; echo("$id"); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="main.css" />
<style type="text/css">
@import "main.css";
</style>
</head>
<body>
<table width="800" border="0" class="maintable1" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" rowspan="4" style="background-image:url(images/index_01.gif);" class="title"><div class="titletext">Culture Connection</div></td>
    <td colspan="18"><img src="images/index_02.gif" width="510" height="15" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="15" alt="" /></td>
  </tr>
  <tr>
    <td rowspan="2"><img src="images/index_03.gif" width="88" height="41" alt="" /></td>
    <td colspan="17" rowspan="2" valign="top" style="background-image:url(images/index_09.gif);"><div class="slogan1">...future leaders exploring their world</div></td>
    <td><img src="images/spacer.gif" width="1" height="20" alt="" /></td>
  </tr>
  <tr>
    <td><img src="images/spacer.gif" width="1" height="21" alt="" /></td>
  </tr>
  <tr>
    <td colspan="18" rowspan="2"><img src="images/index_15.gif" width="510" height="146" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="116" alt="" /></td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2"><img src="images/index_16.gif" width="290" height="66" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="30" alt="" /></td>
  </tr>
  <tr>
    <td colspan="18"><img src="images/index_17.gif" width="510" height="36" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="36" alt="" /></td>
  </tr>
  <tr>
    <td colspan="9" style="background-image:url(images/index_24.gif);"><div class="pagetitles1"><strong><?php echo("$id"); ?></strong></div></td>
    <td><img src="images/index_25.gif" width="17" height="28" alt="" /></td>
    <td colspan="10" style="background-image:url(images/index_26.gif);"><div class="sitenavtitle">Site Navigation</div></td>
    <td><img src="images/spacer.gif" width="1" height="28" alt="" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="8" valign="top"><div class="sitecontentalign1"><?php include("content_manage.php"); ?></div></td>
    <td style="background-image:url(images/index_29.gif);">&nbsp;</td>
    <td colspan="10" valign="top" style="background-image:url(images/index_30.gif);"><?php include("nav.php"); ?></td>
    <td><img src="images/spacer.gif" width="1" height="107" alt="" /></td>
  </tr>
  <tr>
    <td colspan="20"><img src="images/index_31.gif" width="800" height="12" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="12" alt="" /></td>
  </tr>
  <tr>
    <td colspan="20" style="background-image:url(images/index_32.gif);"><div class="copyright">&copy; 2004 - Culture Connection - All Rights Reserved</div></td>
    <td><img src="images/spacer.gif" width="1" height="25" alt="" /></td>
  </tr>
  <tr>
    <td><img src="images/spacer.gif" width="1" height="26" alt="" /></td>
  </tr>
  <tr>
    <td><img src="images/spacer.gif" width="8" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="282" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="88" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="18" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="34" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="17" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="56" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="20" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="11" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="17" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="10" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="14" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="42" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="23" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="52" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="20" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="14" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="23" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="39" height="1" alt="" /></td>
    <td><img src="images/spacer.gif" width="12" height="1" alt="" /></td>
    <td></td>
  </tr>
</table>
<?php include_once("ver.txt"); ?>
</body>
</html>
Note that I do have PHP includes. The errors are NOT coming from those, as they have been previously working...it's somewhere in the markup displayed. Thanks again. And yes, I do know it's a modified template.
__________________
He's baaaaaaaack....
WaHoOoO! is offline
Reply With Quote
View Public Profile Visit WaHoOoO!'s homepage!
 
When You Register, These Ads Go Away!
Old 08-07-2004, 04:39 PM
samson's Avatar
Registered User

Posts: 107
Location: Victoria, BC
well you can not work from imageready
Quote:
<td><img src="images/spacer.gif" width="8" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="282" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="88" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="18" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="34" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="17" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="56" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="20" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="11" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="17" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="42" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="23" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="52" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="20" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="23" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="39" height="1" alt="" /></td>
<td><img src="images/spacer.gif" width="12" height="1" alt="" /></td>
<td></td>


Its a bug in internet explorer

basically you have to have the </td> tags right after the image tags

example:

<img src="stuff" /></td>

Dont do this:

<img src="stuff" />
</td>

Last edited by samson : 08-07-2004 at 04:42 PM.
samson is offline
Reply With Quote
View Public Profile Visit samson's homepage!
 
Old 08-08-2004, 04:28 AM
Visarts's Avatar
Skilled Talker

Posts: 85
Location: Reno, NV
it's a long term bug in IE, you also cannot do the following without a space appearing between the images:

<img src="etc etc">
<img src="etc etc">

it would have to be written:

<img src="etc etc"><img src="etc etc">

Far as I've seen, IE is the only browser that acts that way
Visarts is offline
Reply With Quote
View Public Profile Visit Visarts's homepage!
 
Old 08-08-2004, 12:25 PM
samson's Avatar
Registered User

Posts: 107
Location: Victoria, BC
yeah that too

another reason why you should use firefox
samson is offline
Reply With Quote
View Public Profile Visit samson's homepage!
 
Old 08-09-2004, 05:05 AM
tntcheats's Avatar
Extreme Talker

Posts: 203
Location: BC, Canada
And not use tables, don't forget that old never-dying argument.

The design looks easy to make into a CSS-based one.
tntcheats is offline
Reply With Quote
View Public Profile Visit tntcheats's homepage!
 
Old 08-09-2004, 01:38 PM
WaHoOoO!'s Avatar
Mentally Unstable Tugboat Captain

Posts: 797
Name: Chad
Location: /usr/bin/perl
I was using Firefox...but I scrapped the layout anyway. Thanks.
__________________
He's baaaaaaaack....
WaHoOoO! is offline
Reply With Quote
View Public Profile Visit WaHoOoO!'s homepage!
 
Reply     « Reply to XHTML 1.0 Strict
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.16296 seconds with 12 queries