ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
83   •   Посмотреть все темы

Новая безфреймовая 4я версия мпчата (решение проблем)

 

4875
ValdeZ @ValdeZ
Web3r пишет:

ValdeZ пишет:

Web3r пишет:

Сделай лучше на CSS при помощи nth-child.

8-й ИЕ 🙁

Можно наложить двуцветный background-image на ячейки (только высоту td фиксированную поставить). Ну и всё это безобразие в «if ie 8» взять...
P.S Хотя тут уже ни nth, ни хак не нужны.

а вот это тема, спасибо 😀

20089
Dimitry @Dimitry
Из-за дизайна для IE 8 я бы точно не старался, это старички икспишники которые категорически хотят сидеть на старом браузере.
Сейчас IE6-8 в сумме занимают всего 3-4%.

4875
ValdeZ @ValdeZ
Способ с фоновой картинкой не прошёл, потому что стоит разделение никлиста по полу и из-за наличия трёх строк-заголовков в таблице сбивается порядок чередования.
Вернусь к вопросу - почему не работает вышеуказанная функция?

4619
Web3r @Web3r
ValdeZ, на стандартных скриптах всё работает (с заменой parent.users)... Смотри через консоль, где ошибка.

Чтобы разделитель не чередовался, можно разделить таблицу на 3 раздела через <tbody>. Для каждого разделения (где colspan) установить свой фон, после которого чередование будет начинаться сначала. Для правильности надо ещё сбросить padding и поставить collapse...

<!DOCTYPE HTML>
<html>
<head>
<style>
* {
border: 0;
padding: 0;
}

table {
border-collapse: collapse;
}

td {
width: 150px;
height: 20px;
}

tbody {
background: url(bg.png);
}

td[colspan="2"] {
background: #f00;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="2">парни</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
<tbody>
<tr>
<td colspan="2">девушки</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
<tbody>
<tr>
<td colspan="2">некто</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
</table>
</body>
</html>

**********

Отредактировано Web3r - 09.07.2013
4875
ValdeZ @ValdeZ
Web3r пишет:

ValdeZ, на стандартных скриптах всё работает (с заменой parent.users)... Смотри через консоль, где ошибка.

Чтобы разделитель не чередовался, можно разделить таблицу на 3 раздела через <tbody>. Для каждого разделения (где colspan) установить свой фон, после которого чередование будет начинаться сначала. Для правильности надо ещё сбросить padding и поставить collapse...

<!DOCTYPE HTML>
<html>
<head>
<style>
* {
border: 0;
padding: 0;
}

table {
border-collapse: collapse;
}

td {
width: 150px;
height: 20px;
}

tbody {
background: url(bg.png);
}

td[colspan="2"] {
background: #f00;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="2">парни</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
<tbody>
<tr>
<td colspan="2">девушки</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
<tbody>
<tr>
<td colspan="2">некто</td>
</tr>
<tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr>
</tbody>
</table>
</body>
</html>


вот с tbody попробую
осталось найти ещё где его прописать в скриптах
столько лет чатами не занимался, это кошмар)

4619
Web3r @Web3r
Закрывающий тег не обязателен, посему можно и так...

userlist="<table id=ul width=100%>"+
"<tbody><tr id=woman><td colspan=5>Деффки</td></tr>"+
"<tbody><tr id=man><td colspan=5>Пацаны</td></tr>"+
"<tbody><tr id=noman><td colspan=5>Нечто</td></tr>"+
"</table>";