Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / к <tr> не применяется стиль / 9 сообщений из 9, страница 1 из 1
16.06.2017, 08:40
    #39472814
waszkiewicz
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
https://jsfiddle.net/9Lo2aqm1/
class='zebra'
где руки кривые?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 08:45
    #39472816
Alexander A. Sak
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
Вот тут:

Код: css
1.
2.
3.
tbody, tr, th, td {
    display:block;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 08:54
    #39472827
waszkiewicz
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
Alexander A. Sak,

display: block нужон для возможности вертикального скроллинга

как выйти из ситуации?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 08:59
    #39472832
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
waszkiewicz...где руки кривые?
Внимательно почитайте про стили для таблицы.
tbody, tr, th, td - не блоковые элементы. У них свои стили для display.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 09:30
    #39472850
Alexander A. Sak
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
waszkiewiczAlexander A. Sak,

display: block нужон для возможности вертикального скроллинга

как выйти из ситуации?

У меня и без display:block скроллируется.
Если же надо, чтобы скроллировалось только тело, то лучше уж взять какой-нибудь JS-компонент.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 10:18
    #39472903
waszkiewicz
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
Alexander A. Sak,
именно, только tbody нужно скроллировать.
и как я понял всякие таблицы типа "зебра" перестают в этом случае отрабатывать. Посему и подумал class напрямую пихать в tr (таблицу я генерю сам)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 10:42
    #39472933
Alexander A. Sak
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
Они перестают отрабатывать потому что высота TR становится 0.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 11:13
    #39472976
waszkiewicz
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
может не загоняться и сделать 2 div - один для заголовка, а второй для тела таблицы (с overflow-y)? Ширину столбцов я все равно задаю жестко
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.06.2017, 22:00
    #39473461
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
к <tr> не применяется стиль
waszkiewiczименно, только tbody нужно скроллировать. 17822310


waszkiewiczПосему и подумал class напрямую пихать в tr (таблицу я генерю сам)Всё правильно думаете. Класс можно напрямую пихать в <tr>
 
Зебра. Раскрасить строки через одну
Код: 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.
<!DOCTYPE html>
<html>
<head> <meta charset="windows-1251">
<title>Раскрасить строки через одну</title>
<style>
* {font:10pt arial,sans-serif;}
table {border-collapse:collapse;}
.strip td {
  border:1px solid #c0c0c0;
  padding:5px;
}
.strip tr:nth-child(2n+1){background:#ffe;}
.strip tr:nth-child(2n){background:#efe;}
.strip tr:first-child td {
  background:#4682B4;
  color:#fff;
  font-weight:700;
}
</style>
</head>
<body>
<table class="strip">
  <tr> <td>The Asylum</td> <td>20th Century Fox</td> <td>Просто так</td> </tr>
  <tr> <td>Король затерянного мира</td> <td>Крепкий орешек</td> <td>Оперативно-тактическое решение</td> </tr>
  <tr> <td>Терминаторы</td> <td>Аватар</td> <td>Выполнение поставленных боевых задач</td></tr>
  <tr> <td>Угроза из прошлого</td> <td>Люди икс</td> <td>Защитить исследовательский центр Парения</td> </tr>
  <tr> <td>Андроид-полицейский</td> <td>Хищник</td> <td>Освободить комплекс по добыче воды</td> </tr>
  <tr> <td>Помпеи: апокалипсис</td> <td>Секретные материалы</td> <td>Dark Reign - 2</td> </tr>
</table>
</body>
</html>


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


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