VPF::наведение - Форум программистов

Arthur1985

Дата 21.8.2008, 23:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 26.2.2008
Где: Украина, Киев

Репутация: нет
Всего: нет

Всем привет.

Есть строка таблицы и в ней 4 колонки и в каждой колонке своя определенная ссылка.

Поискал на форуме и наткнулся на такой пример:

Код


<table>
<tr>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">1</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">2</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">3</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">4</td>
</tr>
<tr>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">1</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">2</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">3</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">4</td>
</tr>
<tr>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">1</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">2</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">3</td>
<td onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#00ff00';">4</td>
</tr>
</table>

Вопрос в другом - если у меня очень много строк в таблице, мне что прописывать для каждой строки такое или можно как-то через CSS это оптимизировать?

bars80080

Дата 22.8.2008, 09:08 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

через css вряд ли, если тебе не требуется конечно просто менять стиль для ячеек. тогда можно было бы ограничиться классами.

вообще, опиши проблему полнее, потому как может тебя устроит такой тэг, как <col />

во-вторых, ты сам используешь js, поэтому почему бы тебе не воспользоваться теми же скриптами для перебора всей таблицы и назначения каждой ячейке своего определённого стиля програмно?

Arthur1985

Дата 22.8.2008, 09:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 26.2.2008
Где: Украина, Киев

Репутация: нет
Всего: нет

bars80080, нашел другое решение.

Код


body {

   behavior:url("csshover.htc");
 }

что позволяет делать hover на любой объект и ослик при этом не страдает и ведет себя адекватно.

K1ng

Дата 22.8.2008, 11:44 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

Репутация: нет
Всего: нет

А полагаться на наследование разве надежно? smile

SelenIT

Дата 25.8.2008, 00:26 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Если внутри именно ссылка - имхо, проще, надежнее и аккуратнее сделать ее блочной, растянуть на всю ячейку и прописать hover на нее. В общем же случае, да, hover на td для "приличных" браузеров и костыль в виде HTC для IE6 - наверное, самый приемлемый компромисс...

Цитата(K1ng @ 22.8.2008, 11:44

)

А полагаться на наследование разве надежно?

А почему нет, при условии грамотно прописанной последовательности применения стилей?..

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

eee

Дата 25.8.2008, 01:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 14.4.2008
Где: ХарьковCity

Репутация: нет
Всего: 1

Код


<table class="someStyle">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>

Код


table.someStyle td{background: #00ff00;}
table.someStyle td:hover{background: #ff0000;}

а так не легче?)

SelenIT

Дата 25.8.2008, 01:27 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Конечно же легче (и концептуально вернее к тому же)... если забить на IE6, без костылей понимающий :hover исключительно для ссылок. Об этом и речь...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

bars80080

Дата 25.8.2008, 01:28 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

eee, зачем повторять SelenIT'а?

Цитата(SelenIT @ 25.8.2008, 00:26

)

hover на td для "приличных" браузеров и костыль в виде HTC для IE6

eee

Дата 25.8.2008, 15:43 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 14.4.2008
Где: ХарьковCity

Репутация: нет
Всего: 1

ой) сори, прочто когда читал недопонял) а щас как-то даже не ловко))
SelenIT, звиняюсь))

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »