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

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

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

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

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

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

У меня и без display:block скроллируется.
Если же надо, чтобы скроллировалось только тело, то лучше уж взять какой-нибудь JS-компонент.
...
Рейтинг: 0 / 0
16.06.2017, 09:30
| Ответить | Цитировать | Написать  
к <tr> не применяется стиль
    #39472903
waszkiewicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
waszkiewicz
Участник
Alexander A. Sak,
именно, только tbody нужно скроллировать.
и как я понял всякие таблицы типа "зебра" перестают в этом случае отрабатывать. Посему и подумал class напрямую пихать в tr (таблицу я генерю сам)
...
Рейтинг: 0 / 0
16.06.2017, 10:18
| Ответить | Цитировать | Написать  
к <tr> не применяется стиль
    #39472933
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Они перестают отрабатывать потому что высота TR становится 0.
...
Рейтинг: 0 / 0
16.06.2017, 10:42
| Ответить | Цитировать | Написать  
к <tr> не применяется стиль
    #39472976
waszkiewicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
waszkiewicz
Участник
может не загоняться и сделать 2 div - один для заголовка, а второй для тела таблицы (с overflow-y)? Ширину столбцов я все равно задаю жестко
...
Рейтинг: 0 / 0
16.06.2017, 11:13
| Ответить | Цитировать | Написать  
к <tr> не применяется стиль
    #39473461
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
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
16.06.2017, 22:00
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / к <tr> не применяется стиль
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39472814&tid=1444586]:
 0ms
get settings:
 10ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 70ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 256ms
total:  410ms
созд. / загр.: 410ms
x
x
Закрыть


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