Выравнивание в столбце

[Тёмик]

Доброго времени суток!

Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку.

<style type="text/css">
	.pricelist {
		border-collapse: collapse;
		}

	.pricelist TD, .pricelist TH {
		padding: 3px;
		border: 1px solid #228B22;
		}

	.pricelist TD {
		background: #F0FFFF;
		}

	.pricelist .category {
		background: #008000;
		color: white;
		font-weight: bold;
		text-align: center;
		}
</style>

<table width="600px" cellpadding="0" cellspacing="0" class="pricelist">
	<col width="500px" align="left">
	<col width="100px" align="right">

	<tr>
		<td colspan="2" class="category">Заголовок</td>
	</tr>
	<tr>
		<td>4234</td>
		<td>аваи</td>
	</tr>
	<tr>
		<td>ааывп</td>
		<td>343455</td>
	</tr>

		<tr>
		<td colspan="2" class="category">Заголовок 2</td>
	</tr>
	<tr>
		<td>4234</td>
		<td>аваи</td>
	</tr>
	<tr>
		<td>ааывп</td>
		<td>343455</td>
	</tr>

</table>

[flintovich]

Доброго времени суток!

Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку.

<style type="text/css">
	.pricelist {
		border-collapse: collapse;
		}

	.pricelist TD, .pricelist TH {
		padding: 3px;
		border: 1px solid #228B22;
		}

	.pricelist TD {
		background: #F0FFFF;
		}

	.pricelist .category {
		background: #008000;
		color: white;
		font-weight: bold;
		text-align: center;
		}
</style>

<table width="600px" cellpadding="0" cellspacing="0" class="pricelist">
	<col width="500px" align="left">
	<col width="100px" align="right">

	<tr>
		<td colspan="2" class="category">Заголовок</td>
	</tr>
	<tr>
		<td>4234</td>
		<td>аваи</td>
	</tr>
	<tr>
		<td>ааывп</td>
		<td>343455</td>
	</tr>

		<tr>
		<td colspan="2" class="category">Заголовок 2</td>
	</tr>
	<tr>
		<td>4234</td>
		<td>аваи</td>
	</tr>
	<tr>
		<td>ааывп</td>
		<td>343455</td>
	</tr>

</table>

Присвойте класс для td второго столбца(например second) и для него пропишите

text-align: right;

<table width="600px" cellpadding="0" cellspacing="0" class="pricelist">
        <col width="500px" align="left">
        <col width="100px" align="right">

        <tr>
                <td colspan="2" class="category">Заголовок</td>
        </tr>
        <tr>
                <td>4234</td>
                <td class="second">аваи</td>
        </tr>
        <tr>
                <td>ааывп</td>
                <td class="second">343455</td>
        </tr>

                <tr>
                <td colspan="2" class="category">Заголовок 2</td>
        </tr>
        <tr>
                <td>4234</td>
                <td class="second">аваи</td>
        </tr>
        <tr>
                <td>ааывп</td>
                <td class="second">343455</td>
        </tr>   
</table>

<style type="text/css">
    td.second{
	text-align:right;
    }
</style>

Edited June 17, 2012 by flintovich