odd gap

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
iang

odd gap

Post by iang »

I have this odd gap in my page between the header and nav bar;

Image

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">
Is there something I'm missing?
samurai

Re: odd gap

Post by samurai »

Sorry for not providing an answer, but why are you using tables? Just curious... works quite fine...

Geo
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: odd gap

Post by Dr.CSS »

Do you have a link to the site so we can see it?  maybe if you wrap the table in a you could move it around.

  mark
Locked

Return to “Layout and Design (CSS & HTML)”