[resolved] Remove default spacing before table?

raydar · 03-10-2008, 07:17 AM

Does anyone know how to remove the default white space that comes before a table?

I'd like to align the top of the table almost flush with the header before it. I've reset the header margins and padding, and did the same for the table, but still get about 15px of white space between the bottom of the header and the top of the table.

Thanks.

netzilla · 03-10-2008, 07:25 AM

Can you post the code ?

raydar · 03-10-2008, 07:30 AM

Here's the css:
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
margin: 0;
padding: 0;
}
table {
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}

Here's the HTML:
<h4>DATA</h4>
<table width="410">
<tr>
<td width="187">Name</td>
<td width="112">Location</td>
<td width="95">Date</td>
</tr>
<tr>
<td colspan="2"><h4>Entries</h4></td><br />
</tr>
</table>

I'm finding the gap between the DATA h4, and the beginning of the table.

Thanks.

monaco · 03-10-2008, 08:49 AM

You could try setting the top margin to be negative and see what that does.

Teddy · 03-10-2008, 01:28 PM

The header tag is what is doing it. You have to set the margin for the bottom of the h4 tag to be -15 px, so the code should be:

Code:

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
margin: 0 0 -15px 0;
padding: 0;
}

Let me know if that does not work.

03-10-2008, 07:17 AM	#1 (permalink)
raydar NamePros Member Join Date: Feb 2008 Posts: 26 0.00 NP$ (Donate)	Remove default spacing before table? Does anyone know how to remove the default white space that comes before a table? I'd like to align the top of the table almost flush with the header before it. I've reset the header margins and padding, and did the same for the table, but still get about 15px of white space between the bottom of the header and the top of the table. Thanks.

03-10-2008, 07:30 AM	#3 (permalink)
raydar NamePros Member Join Date: Feb 2008 Posts: 26 0.00 NP$ (Donate)	Code Here's the css: h4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; margin: 0; padding: 0; } table { margin: 0; padding: 0; border: none; border-collapse: collapse; } Here's the HTML: <h4>DATA</h4> <table width="410"> <tr> <td width="187">Name</td> <td width="112">Location</td> <td width="95">Date</td> </tr> <tr> <td colspan="2"><h4>Entries</h4></td><br /> </tr> </table> I'm finding the gap between the DATA h4, and the beginning of the table. Thanks.

03-10-2008, 08:49 AM	#4 (permalink)
monaco NamePros Regular Join Date: Jul 2005 Location: Tucson, AZ Posts: 695 314.80 NP$ (Donate)	You could try setting the top margin to be negative and see what that does. __________________ My Website \| My Blog

03-10-2008, 01:28 PM	#5 (permalink)
Teddy NamePros Regular Join Date: Sep 2003 Location: New Jersey / Boston Posts: 670 69.50 NP$ (Donate)	The header tag is what is doing it. You have to set the margin for the bottom of the h4 tag to be -15 px, so the code should be: Code: h4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; margin: 0 0 -15px 0; padding: 0; } Let me know if that does not work. __________________ Previously known as Schoolsux I've finally returned. Current project: Your Free Forum

03-10-2008, 07:25 AM	#2 (permalink)
netzilla Senior Member Join Date: Aug 2005 Location: Ohio Posts: 1,704 223.80 NP$ (Donate)	Can you post the code ?

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)