Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: Запрет подсветки заголовка / 3 сообщений из 3, страница 1 из 1
19.10.2015, 15:06
    #39080197
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: Запрет подсветки заголовка
Здравствуйте!

На первый взгляд простая задачка, но как-то не могу найти решение ((
Вот код:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
<head>
	<style>
	.gen_tbl /* Общая таблица */
	{
		border-collapse:collapse;
		border:1px solid silver;
		font-size:13px;
	}

	.gen_tbl th /* Заголовок общей таблицы */
	{
		font-weight:bold;
		border:1px solid silver;	
	}

	.gen_tbl td /* Ячейка общей таблицы */
	{
		border:1px solid silver;
		padding:3px;

	}

	.gen_tbl tr:hover /* Подсветка строки общей таблицы */
	{
		background:#C5CFDE;
	}
	</style>
</head>
<body>
	<table class="gen_tbl">
		<thead>
			<th>A</th>
			<th>B</th>
			<th>C</th>
		</thead>
	<tr>
		<td>
		1
		</td>
		<td>
		2
		</td>
		<td>
		3
		</td>
	</tr>
	<tr>
		<td>
		4
		</td>
		<td>
		5
		</td>
		<td>
		6
		</td>
	</tr>
</body>



Надо через CSS не подсвечивать строку заголовка. Я ей и другой класс назначал с повешенным на него hover и для thead отдельный класс делал, но FF все равно заголовок подсвечивает. Не научите как это делается по уму?
...
Рейтинг: 0 / 0
19.10.2015, 16:06
    #39080281
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: Запрет подсветки заголовка
FoxterНадо через CSS не подсвечивать строку заголовка.
Дык не свети...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.gen_tbl /* Общая таблица */
{
	border-collapse:collapse;
	border:1px solid silver;
	font-size:13px;
}

.gen_tbl th /* Заголовок общей таблицы */
{
	font-weight:bold;
	border:1px solid silver;	
}

.gen_tbl td /* Ячейка общей таблицы */
{
	border:1px solid silver;
	padding:3px;

}

.gen_tbl tbody tr:hover /* Подсветка строки общей таблицы */
{
	background:#C5CFDE;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<table class="gen_tbl">
	<thead>
		<tr>
			<th>A</th>
			<th>B</th>
			<th>C</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
	</tbody>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
19.10.2015, 16:17
    #39080304
Foxter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: Запрет подсветки заголовка
krvsaДык не свети..
))

Спасибо
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: Запрет подсветки заголовка / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]