I've made a custom header which is a smashed up psd in a table. This info I have added to my template in the following way:
Code: Select all
<!-- start accessibility skip links -->
<ul class="accessibility">
<li><a href="#menu_vert" accesskey="s" title="Skip to navigation">Skip to navigation</a></li>
<li><a href="#main">Skip to content</a></li>
</ul>
<!-- end accessibility skip links -->
<!-- start of header graphics -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="329"><img src="graphic/glamhead01.jpg" alt="" height="32" width="329" border="0" /></td>
<td width="245"><img src="graphic/glamhead02.gif" alt="" height="32" width="245" border="0" /></td>
<td width="89"><img src="graphic/members.gif" alt="" height="32" width="89" border="0" /></td>
<td width="101"><img src="graphic/join.gif" alt="" height="32" width="101" border="0" /></td>
<td> </td>
</tr>
<tr>
<td width="329"><img src="graphic/glamhead03.jpg" alt="" height="112" width="329" border="0" /></td>
<td width="245"><img src="graphic/glamhead04.gif" alt="" height="112" width="245" border="0" /></td>
<td width="89"><img src="graphic/glamhead05.gif" alt="" height="112" width="89" border="0" /></td>
<td width="101"><img src="graphic/glamhead06.gif" alt="" height="112" width="101" border="0" /></td>
<td> </td>
</tr>
<tr>
<td width="329"><img src="graphic/glamhead07.jpg" alt="" height="26" width="329" border="0" /></td>
<td width="245"><img src="graphic/glamhead08.gif" alt="" height="26" width="245" border="0" /></td>
<td width="89"><img src="graphic/glamhead09.gif" alt="" height="26" width="89" border="0" /></td>
<td width="101"><img src="graphic/glamhead10.gif" alt="" height="26" width="101" border="0" /></td>
<td> </td>
</tr>
</table>
<!-- end of header graphics -->
<!-- Start Horizontal Navigation -->
<div id="menu_horiz">
<h2 class="accessibility">Navigation</h2>
<div id="wrapper">
{cms_module module='menumanager' template='cssmenu-accessible.tpl'}
</div>
</div>
<!-- End Horizontal Navigation -->
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">