How to add html to header and footer

[holdika]

I am getting so frustrated that the template system built so poorly. Very hard to customise things.

I'd like to add HTML codes to header and footer how do I do that????

HEADER

<table style="width: 90%; height: 100%" cellspacing="0" cellpadding="0" align="center" class="style1">
	<tr>
		<td valign="top" style="text-align: center">
		<table style="width: 801px; height: 100%" cellspacing="0" cellpadding="0" align="center" class="style2">
			<tr>
				<td style="height: 367px">
				<img alt="" src="images/header_top1.jpg" width="801" height="77"><br>
				<img alt="" src="images/header_top2.jpg" width="801" height="89"><br>
				<img alt="" src="images/header_top3.jpg" width="801" height="102"><br>
				<img alt="" src="images/header_top4.jpg" width="801" height="99"></td>
			</tr>
			<tr>
				<td style="height: 53px">
				<table style="width: 100%; height: 53px" cellspacing="0" cellpadding="0" class="style3">
					<tr>
						<td style="width: 24px">
						<img alt="" src="images/menu_left.gif" width="24" height="53"></td>
						<td style="background-image: url('images/menu_bg.gif')" valign="top">
						<table style="width: 100%; height: 30px" cellspacing="0" cellpadding="0">
							<tr>
								<td valign="bottom" style="text-align: center">k</td>
							</tr>
						</table>
						</td>
						<td style="width: 24px">
						<img alt="" src="images/menu_right.gif" width="24" height="53"></td>
					</tr>
				</table>
				</td>
			</tr>
			<tr>
				<td style="height: 100%">

FOOTER

</td>
			</tr>
			<tr>
				<td style="height: 85px; text-align: center">
				<table style="width: 98%; height: 76px; text-align: center" cellspacing="0" cellpadding="0">
					<tr>
						<td style="width: 11px">
						<img alt="" src="images/footer_nav_left.gif" width="11" height="76"></td>
						<td style="background-image: url('images/footer_nav_bg.gif')">
						<table style="width: 100%; height: 100%">
							<tr>
								<td style="width: 511px">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</table>
						&nbsp;</td>
						<td style="width: 11px">
						<img alt="" src="images/footer_nav_right.gif" width="11" height="76"></td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>

Just not so sure anymore what to do