Как сделать только верхнюю строку другим цветом? - HTML и CSS

xxxsas · 31.08.2012, 10:00

Добрый день. Код:

Код HTML:

<table id="a_table" border="1" bordercolor="#e1e1e1">
        <tr class="a_table_tr_header"><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        </table>

прописал #a_table tr.a_table_tr_header td{background:#e1e1e1;}, но не помогает...

Как правильно в css прописать чтобы верхняя строка таблицы выделилась цветом #e1e1e1 ?

Istrafiloff · 31.08.2012, 11:05

Вот так:

Код:

<head>
	<style type="text/css">
		#a_table tr.a_table_tr_header{background:#e1e1e1;}
	</style>
</head>
<table id="a_table" border="1" bordercolor="#e1e1e1">
        <tr class="a_table_tr_header"><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        <tr class="a_table_tr_main"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        </table>

у меня работает. Какой браузер?

xxxsas · 31.08.2012, 11:55

напутал вместо tr написал td, все нормально, спасибо)

eval · 31.08.2012, 12:06

th получше будет.

Naive · 31.08.2012, 12:20

Цитата:

Сообщение от eval

th получше будет.

+1.
Семантически верно для этого юзать заголовок таблицы (заголовок в thead, ячейки заголовка в th вместо td, тело таблицы в tbody, [итоги в tfoot])

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Почему то выводит только верхнюю строку массива(всего 4 строки)	Nikitos_	Паскаль, Turbo Pascal, PascalABC.NET	10	06.06.2012 00:14
Tchart окрасить участок другим цветом.	googl	Общие вопросы Delphi	0	04.06.2012 21:01
выделить другим цветом самые длинные слова	serginho	Общие вопросы C/C++	0	07.11.2010 22:06
PNG с другим цветом прозрачности	FelixKoT	Общие вопросы Delphi	2	01.11.2010 00:04
Как сделать ячейку мигающей определенным цветом?	ru3000	Microsoft Office Excel	1	14.11.2009 11:34

31.08.2012, 11:55	#3
xxxsas Пользователь Регистрация: 16.11.2008 Сообщений: 79	напутал вместо tr написал td, все нормально, спасибо)

31.08.2012, 12:06	#4
eval Подтвердите свой е-майл Регистрация: 29.08.2012 Сообщений: 4,011	th получше будет.