Прокладка ячеек с использованием CSS на таблице HTML

Мне нужно проложить только одну ячейку в таблице. Я дал Td элемент класса и определен класс в моем файле CSS, как этотПрокладка ячеек с использованием CSS на таблице HTML

.itemQuantity 
{ 
    padding-right:30px; 
    text-align:right; 
    background-color: #EEE; 
}

Padding-вправо, кажется, не делать ничего.

источник

2010-07-13 Arizona1911

Скорее всего, имеет место какое-то другое правило. Вы проверили элемент с помощью отладчика/инспектора DOM, такого как Firebug? – RoToRa

Кажется, работает для меня в Firefox 3.6.6. Например, если я перейду к ссылке ниже и воспользуюсь Firebug, чтобы добавить этот стиль к элементу TD Oranges и выровнять его по правому краю, весь левый столбец станет шире для размещения дополнительного дополнения в этой ячейке, а текст Orange будет выровнен справа, но на расстоянии 30 пикселей от правого края его ячейки из-за заполнения. Мне полезно экспериментировать со стилями в Firebug, чтобы исключить другие помехи. http://www.w3schools.com/html/html_tables.asp – AaronLS

Я изменил CSS для

td.itemQuantity 
{ 
    padding-right:30px; 
    text-align:right; 
    background-color: #EEE; 
}

Сейчас он работает.

источник

2010-07-13 15:32:04 Arizona1911

Вам, вероятно, нужно прочитать информацию о специфике селектора: http://www.w3.org/TR/CSS2/cascade.html#specificity – RoToRa

Прокладка ячеек с использованием CSS на таблице HTML

ответ

Смежные вопросы