The problem is that I can never get the columns to appear in line on both a table with a flyer and a table without a flyer. It is always the price and time that appear 'out of step' so to speak.

In an ideal world I'd want name to have a width of 550 and align left. Time to have width of 125 and align left and Price to have with width of 125 and align right. No flyer would have description spanning all 3 and with flyer would description spanning name and time, with flyer spanning price and align right.

My code always produces out of step columns when both type of tables are displayed.

GENERALLY speaking, you can save yourself a lot of problem with COLSPAN.

Since this code is being output from either PHP or some other server language, simply avoid the COLSPAN tag by putting the data that doesn't need to be spanned in one table, and starting a new table for the data that would span the columns of the other table. In other words --

<TABLE><TR><TD> several TDs of data here </TD></TR></TABLE>
then a new table to avoid the colspan = 2 or 3
<TABLE><TR><TD> fewer TDs of data here </TD></TR></TABLE>

All you have to do is make the WIDTHS of the TDs (adding 2 or 3 widths, depending on colspan=2 or 3 add up to the same width as the width of the TD containing the image, and it will ALWAYS align right.

If you use that practice in outputting PHP, you will never have this problem. Sure you can fix an individual issue like this by hacking the PHP output, but as a global solution -- 2 separate tables.

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

scrathcyboy - I see your logic but how would I go about making that second table fit nicely with the first table. Eg I have a thin grey border around each event table. Also how do I make sure the related tables are close togther, whereas the event tables are divided by a bigger gap.

If it is only happening on the latest IE, and FF, Mozilla and IE6 is rendering it correctly, then you may be able to write it off as just an IE7 bug, of which there are hundreds, at last count. It is probably to do with something like the DOM model you are putting in your header, look at this line and adjust to correct specs --

codequantum,
I floated image right and adjusted the td size but it was unsuccesful. I'm in the middle of transfering the site to a server, you will then be able to see the code in action!
Thanks again,
Dan

In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5.
Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display
(CODE)
HTML5 is supported by the most recent versions of all major browsers…

The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…