Header seperate from main page

[Doddsey_65]

I am doing my header but have noticed a line beneath it which i cannot get rid of.



Here is what i have in tpl_header in my cust template:

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#C8C8C8">
<tr>
<td width="272" height="228">
<img src="images/header-l.png" border="0">
</td>
<td width="356" height="228">
<img src="images/header-c.png">
</td>
<td width="272" height="228">
<img src="images/header-r.png" border="0">
</td>
</tr>
</table> 

And here is the code from my stylesheet relating to logo:

#logoWrapper  {

    margin-top: -12px;
    background-color: #ffffff;
          } 

This is because i am not using the actual logo section for my header but inserting it above everything. I also got rid of the home/login bar at the top. Is there anyway I could get rid of this space?

[stevesh]

We'll need a link to the site.

[Doddsey_65]

Sorry but the site isnt live atm. Did the image not help?

[dbltoe]

You appear to be "fighting" the css layout in order to "make this work" without using the existing layout to your advantage. Why not take advantage of the stylesheet and just move the image to a different spot?

Try removing the background images and colors from everything in the headerWrapper. Make your header image the background-image for the headerWrapper while taking into consideration areas for navigation IF you want them in the navMainWrapper. You can still use the logoWrapper or lose it completely if it's of no use to you. I'd leave it if you wish to have a link when hovering over a certain area in your header.

Example at hornedlizardcreationsDOTcom

[stevesh]

Nope. For whatever reason, some people can't increase the size of images from Imageshack, so I'm seeing a tiny 150X50 px picture.

That sort of problem is much easier to diagnose using web developer tools, anyway, and that pretty much requires a link.