|
|
|
| Не могу реализовать следующую штуковину. Мне необходимо прописать стили для тэга TABLE таблиц, чтобы человек мог добавлять в эту таблицу строки и не думать об их раскраске.
Есть таблица в стаком виде
<table width="100%" border="0" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tr>
<td bgcolor="#FFCC66"><h3>Каталог популярных видов отдыха</h3></td></tr>
<tr><td bgcolor="#FFFFFF">Строка 1</td></tr>
<tr><td bgcolor="#FFFFFF">Строка 2</td></tr>
<tr><td bgcolor="#FFFFFF">Строка 3</td></tr>
<tr><td bgcolor="#FFFFFF">Строка 4</td></tr>
</table>
|
Хотелось бы что-то в таком виде иметь код, чтобы стили прописывались в тэге TABLE и повторили окраску таблицы и ячеек как в вышеуказанном коде. И если можно, чтобы все популярные браузеры его правильно понимали.
<table width="100%" id="tdstyle" border="0" cellspacing="1" cellpadding="4">
<tr><td><h3>Каталог популярных видов отдыха</h3></td></tr>
<tr><td>Строка 1</td></tr>
<tr><td>Строка 2</td></tr>
<tr><td>Строка 3</td></tr>
<tr><td>Строка 4</td></tr>
</table>
|
Был бы очень Вам признателен за помощь!! | |
|
|
|
|
|
|
|
для: Alex Boxgorn
(29.09.2009 в 07:37)
| | Для этого в таблице стилей следует использовать конструкции вида
table#tdstyle {
background: #000;
}
/*Для заголовка*/
table#tdstyle tr td h3 {
background: #ffcc66;
}
/*Для ячеек*/
table#tdstyle tr td {
background: #fff;
}
|
| |
|
|
|
|
|
|
|
для: cheops
(29.09.2009 в 08:05)
| | а для отдельной строки (строки заголовка - 1 строка) возможно стиль применить (с идентификатором каким-то что ли)? Т.к. тэг H3 может и не присутствовать в ячейке строки-заголовка. | |
|
|
|
|
|
|
|
для: Alex Boxgorn
(29.09.2009 в 08:33)
| | В первой строке вместо <TD> использовать <TH>:
<table id="tdstyle">
<tr><th>Заголовок</th></tr>
<tr><td>Текст 1</td></tr>
<tr><td>Текст 1</td></tr>
...
</table>
|
Тогда предложенная выше таблица стилей будет слудующей:
table#tdstyle {
background: #000;
}
/*Для заголовка*/
table#tdstyle tr th {
background: #fc6;
}
/*Для ячеек*/
table#tdstyle tr td {
background: #fff;
}
|
| |
|
|
|
|
|
|
|
для: Adj
(29.09.2009 в 09:14)
| | Спасибо огромное за помощь!! | |
|
|
|