Previous Message
Next Message

Tabular data, aligning different columns differently?

Sent by Dan Kletter on 27 September 2005 04:04


I'm attempting to update an existing homebrewed ecommerce site to
semantic XHTML/CSS.

The initial page is a kind of chinese menu of item descriptions and
prices with room to input quantity per item. I'm treating it as
tabular data and am going to continue to use a table for that part of
the page. The layout uses left-justified text for the item column,
centered for the qty column and right-justified for the price column.

Here's the old, fugly and non-semantic site, warts and all:
https://secure.kfjc.org/DonateCtl.php

Yep, it's a cringer I know.

I really want to keep the style as separate from the structure as
possible. In other words, I want to go from the nightmare that is to
something like this:

<form>
<fieldset>
<table id="gifts">
	<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-x"><a href="#">Artist Shirt and Hoodie Combo</a></label></td>
			<td><input type="text" name=" " /></td>
			<td>$100.00</td>
		</tr>
		<tr>
			<td><label for="item-y"><a href="#">Girlie Shirt and Hoodie Combo</a></label></td>
			<td><input type="text" name=" " /></td>
			<td>$100.00</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td></td>
			<td></td>
			<td><input type="submit" value="Submit Gifts" /></td>
		</tr>
	</tfoot>
</table>
</fieldset>
</form>

Is there is a clever way of styling the text-align for each of the
different columns without resorting to something like:

<td class="foo">

or

<td align="left">

?

Thanks.

--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