Форум Сайтостроение Веб-строительство

Применить стиль к таблице

B
На сайте с 29.01.2007
Offline
141
beep
1923

В css-файле прописано: 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0}

А мне надо в определённой таблице сделать отступ.

Пишу в том же файле: 

.pricelist {padding:7}

а для таблицы пишу: 

<table class="pricelist" ...

Однако не помогает, помогите разобраться в чём дело?? :(

Ого, 555 сообщений :)

4arger
На сайте с 17.12.2008
Offline
95
4arger
#1

.pricelist {padding:7px;}

но лучше применить padding к ячейкам таблицы .pricelist td{padding:7px;}

B
На сайте с 29.01.2007
Offline
141
beep
#2
4arger:
.pricelist {padding:7px;}

px пробовал дописывать - не помогло, попробую как вы сказали

kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#3

Точку с запятой пропустил.

vandamme
На сайте с 30.11.2008
Offline
675
vandamme
#4
kimberlit:
Точку с запятой пропустил.

там не обязательно, если параметр один

возможно вы объявили сначала padding:7px а потом

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0}

тогда не будет работать

vandamme добавил 09.06.2010 в 17:03

правильнее написать так (не забывайте про то что классы наследуются от родителей)

<table class="pricelist"><tr><td>..

table.pricelist td {

padding:7px;

}

alexvaleev
На сайте с 04.02.2010
Offline
55
alexvaleev
#5
kimberlit:
Точку с запятой пропустил.

Точка с запятой в последнем правиле списка необязательна

В спецификации CSS2 http://www.w3.org/TR/CSS2/tables.html нет явного указания, что для table нельзя использовать внутренние отступы, однако на визуальном представлении структуры таблицы их нет.

Плюс к этому в td нельзя использовать внешние отступы (margin).

Как выход - задействовать бордюры нужной ширины

Блог (http://alexvaleev.ru) Всем роуп! (https://rujump.ru/)
B
На сайте с 29.01.2007
Offline
141
beep
#6
vandamme:
правильнее написать так (не забывайте про то что классы наследуются от родителей)

<table class="pricelist"><tr><td>..

table.pricelist td {
padding:7px;
}

Во, вот так помогло.

Спасибо всем отписавшим.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий