REAL CowGirl has table problems! Please Help!!

[CowGirl]

Hi Everybody! CowGirl here!

I am having a small problem with a table. One row in my table has 16 columns (table has 35 columns, some columns in this row are merged).

The problem is I want this row to have a height of ONE pixel. So I put a .gif spacer (with a height of one pixel) in there, but the row will NOT collapse to the height of one pixel. (The row refuses to collapse at all - it stays at a height of approximately 20 pixels or so.) The strange thingie is that if I merge all the columns in this row, then the row will collapse to the height of one pixel, but merging the whole row into one cell will not work for me.

I use Dreamweaver 8 and have used CSS to style my table.

Can anybody please tell me how to make this row collapse to the height of my spacer? Please help - this table is being more stubborn than my horses!!!!!!!!!!!!!

Big Hugs!

[TheBearMay]

May want to try text-height:1px;

[drhowarddrfine]

Do you mean in IE? IE will not let you collapse it smaller than the line-height. I forgot the exact hack for this because I would never use tables for layout but try googling for that unless someone comes up with it here.

[NogDog]

Assing a class to the table row:

<tr class="onepixel"><td><!-- rest of row --></tr>

In your CSS:

.onepixel td {
font-size: 1px;
line-height: 1px;
padding: 0;
}
.onepixel td img {
display: block;
margin: 0;
}

Also, put on your Kevlar armor and get ready to hear about not using tables for page layout. ;)

[toicontien]

*pulls hammer back on gun* Tables are awsome for laying out pages :D *shoots own foot*

[CowGirl]

To all who replied,

Thank you for taking the time to help me. I was able to fix the problem because of your responses.

Big Hugs, CowGirl!