Table alignment problem

Question

I am building a table for a checklist for potential
bankruptcy clients for a law firm. The table has two columns.
Column one contains a small gif, a black-bordered white check box.
The second column contains a list of information and documents the
prospective filer should have available.
I set up a CSS rule, "check-box," for the cells containing
the gifs, with 5 pixels of top padding. I set up the information
cells with a CSS rule, "table-text," with a top alignment in the
box section. In IE6, I get the appearance I'm after, to wit: the
top of check box and information text are both top aligned, but in
FF, the text appears to be center aligning. How can I fix this to
get the same appearance in both browsers?
Keep in mind that I am new to DWCS3 coming from GLCS2 and my
CSS knowledge level is barely basic at the very best.
http://www.jdcdemo.com/blf/the-baim-law-firm-bankruptcy-information-checklist.html
TIA,
Joe

Answer 1

camelbreath wrote:
> I am building a table for a checklist for potential
bankruptcy clients for a
> law firm. The table has two columns. Column one contains
a small gif, a
> black-bordered white check box. The second column
contains a list of
> information and documents the prospective filer should
have available.
> I set up a CSS rule, "check-box," for the cells
containing the gifs, with 5
> pixels of top padding. I set up the information cells
with a CSS rule,
> "table-text," with a top alignment in the box section.
In IE6, I get the
> appearance I'm after, to wit: the top of check box and
information text are
> both top aligned, but in FF, the text appears to be
center aligning. How can I
> fix this to get the same appearance in both browsers?
> Keep in mind that I am new to DWCS3 coming from GLCS2
and my CSS knowledge
> level is barely basic at the very best.
>
>
http://www.jdcdemo.com/blf/the-baim-law-firm-bankruptcy-information-checklist.ht
> ml
Hi,
Try this for your css....
.check-box {
padding: 0px 5px 5px;
margin: 0px;
.table-txt {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 13px;
padding-left: 5px;
margin: 0px;
padding-top: 0px;
and this fior your markup.....
<td><img src="images/check-box.gif" alt="checkbox"
width="18"
height="18" class="check-box" /></td>
<td class="table-txt" width="453"><p>A list of
your living expenses
including house, car and other notes, utilities, rent,
garbage pickup,
insurance, </p></td>
HTH
chin chin
Sinclair