Table cell collapse...

Question

My last question for now...
How can I get this cell to collapse so only my CSS assigned
to this particular cell is dominant. Right now, my CSS inserted
graphic shows, but the cell left a block of white space above the
graphic...as if the table cell didn't know to collapse (or crop
down) to the CSS image. Here is the bit of code & I am unsure
as how to edit it accordingly. -- I just need for the cell to
collapse in favor of the assigned CSS image graphic.
<tr>
<td width="0" height="0"
class="dotbar01"> </td>
</tr>
Thanks a lot!

Answer 1

r_tist wrote:
> Here is the status now...
> I deleted "&nbsp" from my code & that made the
cell extra space collapse. When
> the cursor is in this cell, my properties shows my
designated name of CSS,
> however, the CSS visual does NOT appear (even though
it's name does). -- make
> sense?
>
> .dotbar01 {
> background-image: url(dotbar01.jpg);
> background-repeat: repeat-x;
>
> That's my CSS for .dotbar01. It seems to only show up on
screen if I include
> the "&nbsp" in my code, which causes the problem of
including a chunk of white
> space, the cell not collapsing to the graphic height.
>
> Any ideas? --Thanks!
>
Thats because the &nbsp stops the cell from completely
collapsing. Try
putting some height in cell.
.dotbar01 {
background-image: url(dotbar01.jpg);
background-repeat: repeat-x;
font-size: 7px;
or
.dotbar01 {
background-image: url(dotbar01.jpg);
background-repeat: repeat-x;
height: 7px;
or put a transparent gif into the cell set at the height you
want it to be.