MyBB Community Forums

Whenever I add images in order in the header template, I always get this spacing problem, despite adding classes to the whole area, each image, the logo, etc. to have padding and margin set to 0. Ive explored it many ways, cant seem to find it. Heres my header code:

	<a name="top" id="top"></a>
	<div id="container">
		<div id="header">
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>

<div class="logo"><table width="956" style="margin:0px; padding:0px;"><tr><td width="147" height="57">
<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/leftheader.gif" alt="" border="0" width="147" height="57" /></td>
<td width="139" height="57">
<a href=""><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/home.gif" alt="" border="0" width="139" height="57" /></a></td>
<td width="153" height="57">
<a href=""><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/forum.gif" alt="" border="0" width="153" height="57" /></a></td>
<td width="145" height="57">
<a href=""><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/news.gif" alt="" border="0" width="145" height="57" /></a></td>
<td width="147" height="57">
<a href=""><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/sites.gif" alt="" border="0" width="147" height="57" /></a></td>
<td width="140" height="57">
<a href=""><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/stats.gif" alt="" border="0" width="140" height="57" /></a></td>
<td width="85" height="57">
<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/rightheader.gif" alt=""  border="0" width="85" height="57" /></td></tr></table>
</div>
			<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			<navigation>
			<br class="clear" />

Try "style="border-collapse: collapse;" in the <table> tag.

is the cellspacing in the table set to 0?

MrDoom Wrote:Try "style="border-collapse: collapse;" in the <table> tag.

Thanks a ton, that was the problem! Unbelievable.