Header Template Help

[Stephen Powell]

Hello,

I'm having a bit of trouble aligning my new header/logo image under Common Templates > Header, hopefully someone can help me out...

Anywho, I don't understand why the image's I'm using seem to overlap the tables by one damn pixel! As the below screenshot indicates:

http://img17.echo.cx/img17/6057/1pixel1ac.gif

It's hard to see but take my word for it, the header overlaps by a single pixel.

And here's the code for those interested:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]" width="1" height="150"><img src="$stylevar[imgdir_misc]/inf_logo_left.jpg" border="0" alt="" /></td>
	<td align="$stylevar[center]" width="100%" height="150" background="$stylevar[imgdir_misc]/inf_logo_repeat.jpg"></td>
	<td align="$stylevar[right]" width="275" height="150"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>

	</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

(I'd just like to add the images I've used are just place-holders till I can Photoshop up some better images)

I've tried a few things ranging from putting a <div align= command around the table to specfying the table width/height and no luck.

Sorry if I was a bit vague, if I missed something out then please let me know. Any help would be appreciated!

[Zachery]

You've got whitespace

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
 <td align="$stylevar[left]" width="1" height="150"><img src="$stylevar[imgdir_misc]/inf_logo_left.jpg" border="0" alt="" /></td>
 <td align="$stylevar[center]" width="100%" height="150" background="$stylevar[imgdir_misc]/inf_logo_repeat.jpg"></td>
 <td align="$stylevar[right]" width="275" height="150"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output

[Stephen Powell]

Hi Zachery, thanks for the swift reply.

Unfortunatley your fix didn't correct it and that damn single pixel is still haunting me! Except this time I used a code suggested by someone else in the Additional CSS Definitions tab and this made the logo overlap the table on the other side instead! Arrgh.

Table.border {
border-left: 2px #131619 solid;
border-right: 2px #131619 solid;
border-bottom: 2px #131619 solid;
}

.info {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 0px;
background-color: #192126;
border-top: 1px solid #181B16;
border-right: 2px solid #181B16;
border-left: 1px solid #181B16;
border-bottom: 2px solid #181B16;
margin-bottom: 3px;
}

Any idea what could be causing this?

[Zachery]

Is it possible to see this html in action on the forums? It helps for debugging.

[Stephen Powell]

Hi Zachery,

Here's a link, bear in mind though that all the current header images are just there for reference till I can make some that actually "gel" together.

Link

[Zachery]

Looks fine to me

[Stephen Powell]

Strange. You're saying the header image's aren't overlapping for you? What broswer and moniter resolution are you using? Also, if anyone else could confirm this for me as well then that would help.

[Zachery]

1600x1200 on IE6 SP2

Can you show me what it "should" look like so im not being crazy?

[Stephen Powell]

Well, the header images should align correctly within the table. But I'm guessing there's some phantom code in the CSS somewhere that's creating this and unfortunatley, I can't find it.

[Zachery]

Well I mean, it looks ok to me but Im not sure what it should look like originally

[jamesyfx]

I think it's more to do with cellpadding and cellspacing, personally.

[Stephen Powell]

The cellpadding and cellspacing commands are both set to "0". And even when I start a fresh template from scratch the problem unfortunatley still remains.

Unless there's something I've missed then I just do not understand this at all.

[jamesyfx]

Thats my point.. I mean, the other tables have something like cellspacing set to 1, and padding of 6, right?

It'll affect the overall width by changing those values too.