HTML Code Being Overridden?

Hi,

We are trying to style up a page by entering the appropriate html code in the admin section. Whilst this looks OK when you switch to visual in the admin section, when we save it it is not showing up correctly on the actual website. I have attached a screenshot of the 'visual' section of the admin page, a screenshot of how it looks on the website, and below is the HTML that has been input.

Any ideas why this is not working??

<!--more--><br />
<table border="0" cellspacing="0" cellpadding="0" width="550"><br />
<tbody><br />
<tr><br />
<td width="550" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="5" width="550"><br />
<tbody><br />
<tr><br />
<td colspan="2" width="550" valign="top" bgcolor="#666666"><span style="font-size: small;color: #ffffff;font-family: arial, verdana, helvetica, san serif"><strong><span style="color: #ffffff">Snap Frames</span></strong></span></td><br />
</tr><br />
<tr><br />
<td valign="top" bgcolor="#8c8c8c"><span style="font-size: x-small;color: #ffffff;font-family: arial, verdana, helvetica, san serif">Main Snap Frames text to go in here - just type in whatever you want depending on the amount you write - you may want to alter the depth of the image size accordingly to make everything look nice</span></td><br />
<td width="132" valign="top" bgcolor="#8c8c8c"><img src="images/snap_frames_main.jpg" alt="image or text to go in here" width="132" height="50" /></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
</tr><br />
<tr><br />
<td width="550" height="20" valign="top"> </td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><span style="font-size: small;color: #24468d;font-family: arial, verdana, helvetica, san serif"><strong>Companies Supplying Snap Frames</strong></span></td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><span style="font-size: xx-small;color: #000000;font-family: arial, verdana, helvetica, san serif"><strong>Bit more text to go in here as per the visual - obviously here as with anywhere you can configure the individual font and colour to tie in with any format you want to use. mwah x</strong></span></td><br />
</tr><br />
<tr><br />
<td width="550" height="20" valign="top"> </td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="0" width="550"><br />
<tbody><br />
<tr><br />
<td valign="top" bgcolor="#e8edf3"><br />
<table border="0" cellspacing="0" cellpadding="5"><br />
<tbody><br />
<tr><br />
<td width="364" valign="top" bgcolor="#d4dae8"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif"><strong>Company Name 1 to go in here</strong></span></td><br />
</tr><br />
<tr><br />
<td width="364" valign="top"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif">Company text 1 to go in here</span></p>
<p><a href="http://www.outhousemedia.net"><span style="font-size: xx-small;color: #21468d;font-family: arial, verdana, helvetica, san serif">external website link to go in here ></span></a></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
<td width="10" height="20" valign="top"> </td><br />
<td width="176" valign="top"><img src="images/logo.jpg" alt="logo img to go in here" width="176" height="99" /></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
</tr><br />
<tr><br />
<td width="550" height="13" valign="top"> </td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="0" width="550"><br />
<tbody><br />
<tr><br />
<td valign="top" bgcolor="#e8edf3"><br />
<table border="0" cellspacing="0" cellpadding="5"><br />
<tbody><br />
<tr><br />
<td width="364" valign="top" bgcolor="#d4dae8"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif"><strong>Company Name 2 to go in here</strong></span></td><br />
</tr><br />
<tr><br />
<td width="364" valign="top"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif">Company text 2 to go in here</span></p>
<p><a href="http://www.outhousemedia.net"><span style="font-size: xx-small;color: #21468d;font-family: arial, verdana, helvetica, san serif">external website link to go in here ></span></a></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
<td width="10" height="20" valign="top"> </td><br />
<td width="176" valign="top"><img src="images/logo.jpg" alt="logo img to go in here" width="176" height="99" /></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
</tr><br />
<tr><br />
<td width="550" height="13" valign="top"> </td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="0" width="550"><br />
<tbody><br />
<tr><br />
<td valign="top" bgcolor="#e8edf3"><br />
<table border="0" cellspacing="0" cellpadding="5"><br />
<tbody><br />
<tr><br />
<td width="364" valign="top" bgcolor="#d4dae8"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif"><strong>Company Name 3 to go in here</strong></span></td><br />
</tr><br />
<tr><br />
<td width="364" valign="top"><span style="font-size: x-small;color: #000000;font-family: arial, verdana, helvetica, san serif">Company text 3 to go in here</span></p>
<p><a href="http://www.outhousemedia.net"><span style="font-size: xx-small;color: #21468d;font-family: arial, verdana, helvetica, san serif">external website link to go in here ></span></a></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
<td width="10" height="20" valign="top"> </td><br />
<td width="176" valign="top"><img src="images/logo.jpg" alt="logo img to go in here" width="176" height="99" /></td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
</tr><br />
<tr><br />
<td width="550" height="30" valign="top"> </td><br />
</tr><br />
<tr><br />
<td width="550" valign="top"><span style="font-size: x-small;color: #6f6f6f;font-family: arial, verdana, helvetica, san serif">Bottom text to go in here as per visual etc</span></td><br />
</tr><br />
<tr><br />
<td width="550" height="20" valign="top"> </td><br />
</tr><br />
</tbody><br />
</table>
  • Tammie

    @damianedwards: Have you thought about going the route of page templates - personally due to the fact a theme has styling for instance on tables (which I would never recommend you use anyway for a site as tables should be for tabular data not a site layout) I would always suggest such extensive html should be done using a page template. In this way you can not use tables therefore have more valid semantic code that is up to date and have the flexible nature of creating your own styles.

    The way you are doing this is probably getting impacted by the themes styling for instance therefore I'd recommend always a page template to control it and not use tables.