Spacing between header and articles

[zabz]

If you check out the link to my site you see will see a flash header with a yellow nav bar directly below. Then below that is a dark grey area and below that in light grey is the actual article. How can I adjust or even eliminate the dark grey area between the header and the article?

Thanks

Link to my site: http://www.youthroadracing.org/scminigp/index.php?page=10
SMF version: SMF ver. 1.1.7
TP version: TP ver. 0.9.8
Theme name and version: Babylon
Mods installed: None
Related Error messages: None

[Zetan]

Hi zabz.. take a look at this topic, from this post:
http://www.tinyportal.net/index.php/topic,28045.msg223425.html#msg223425

That may help a little.

[zabz]

I read it but I don't have the file
Themes / default / TPBlockLayout.template.php

[Zetan]

Ah.. my mistake, you are using TP 0.9.8. It has been renamed since then in TP 1.

Try TPortal.blocks or similar, it's there, but under a different name.. I'm at work and can't check.

[zabz]

I found the bodyarea in index.template.php. The "bodyarea" padding settings allowed me to remove most of the dark grey, but there is still a little left. I viewed source in IE and found the code below between my nav menu and the article. I believe the "margin-bottom: 2px" is causing this spacing. I looked all over and can't find where this is at. Anyone know where the margin-bottom is coming from?

Thanks

Code Select Expand

</div><div id="bodyarea" style="padding: 0px 8px 0px 8px;">
        <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="table-layout: fixed;">
<tr>
<td valign="top">
<div style="margin-bottom: 2px; ">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"  style="padding: 4px;"><div style="_height: 1%; overflow: auto;"><div>

[Zetan]

Download and install Firebug for Firefox.. it's worth taking 10 mins to read the short descriptions of what it does.

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

www.getfirebug.com/