Previous Message
Next Message

Tabular data, align columns

Sent by Dan Kletter on 27 September 2005 21:09


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-REMOVED]]
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/
Previous Message
Next Message