I sent a post yesterday about aligning table columns differently in a
semantic way. I think I have figured out what the solution should be.
Using <colgroup> is perhaps the answer.

I need to have the Item col align left, Qty col align center and the
Amount col align right.

Will this work?

<table>
        <colgroup>
                <col align="left" />
                <col align="center" />
                <col align="right" />
        </colgroup>
        <thead>
                <tr>
                        <th scope="col">Description</th>
                        <th scope="col">Quantity</th>
                        <th scope="col">Min. Donation</th>
                </tr>
        </thead>
        <tbody>
                <tr>
                        <td><label for="Item 1">Artist Shirt and Hoodie 
Combo</label></td>
                        <td><input type="text" name="item_1" /></td>
                        <td>$100.00</td>
                </tr>
                <tr>
                        <td><label for="Item 2">Girlie Shirt</lable></td>
                        <td><input type="text" name="item_2" /></td>
                        <td>$75.00</td>
                </tr>
        </tbody>
        <tfoot>
        <tr>
                <td></td>
                <td></td>
                <td><input type="submit" value="Submit Gifts" /></td>
        </tr>
        </tfoot>
</table>

Also, if I use pseudo-element :before can I align the Amount col by
decimal point?

--dk

Yes.  Beautiful, wonderful nature.  Hear it sing to us: *snap*  Yes.  natURE.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to