Подсветка строки в таблице

[Alexthelight]

Доброго дня суток.

Создается портал по недвижимости по области. Встал вопрос об одном элементе дизайна - а именно о подсветке строки в списке различных предложений. Прикрепил скрин для наглядности.

Собственно вот наши за и против:

За: Хорошо смотрится, понятнее навигация (грубо - более легко ориентироваться)
Против: делать такую строку придется всего скорее на js(тем самым пользователь не сможет открыть в новой вкладке, не закрывая текущую страницу). Также нельзя будет просто щелкнуть на агенство и перейти на его профиль.

Как вариант - изменение цвета ссылок при наведении.

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

 

[allximik]

Собственно вот наши за и против:

За: Хорошо смотрится, понятнее навигация (грубо - более легко ориентироваться)
Против: делать такую строку придется всего скорее на js(тем самым пользователь не сможет открыть в новой вкладке, не закрывая текущую страницу). Также нельзя будет просто щелкнуть на агенство и перейти на его профиль.

Как вариант - изменение цвета ссылок при наведении.

А ,собственно, в чем вопрос? Как сделать изменение цвета строки при наведении, или это рассуждения вслух?

 

[Alexthelight]

А ,собственно, в чем вопрос? Как сделать изменение цвета строки при наведении, или это рассуждения вслух?

Сори, недописал нормально первый пост, сейчас поправлю...
Что лучше - изменение цвета или выделение всей строки?

 

[allximik]

Что лучше - изменение цвета или выделение всей строки?

Если в таблицах будет много строк, то лучше уже выделение всей строки, чтобы в глазах не ребило, тем более что так гораздо удобнее воспринимать информацию на широких мониторах.

 

[funest]

А почему на js? можно ведь применять к <tr> стиль при наведении. tr:hover{background:....;}

 

[Alexthelight]

А почему на js? можно ведь применять к <tr> стиль при наведении. tr:hover{background:....;}

В итоге на этом остановились
ИЕ 6 не будем поддерживать совсем - будет выводится надпись что ИЕ старый и плохой браузер )))

 

[Котяра]

Я вот так делаю:

<tr onMouseOver="this.style.background='#F5F5DC'" onMouseOut="this.style.background='#FFFFFF'">

 

[pachango]

Подсветка строки таблицы: hover.htc для IE6 и :hover для FF, OPERA, IE7

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[whitewolff]

<style>
 tr.list_row:hover td.middle{background: #******;} 
 tr.list_row:hover td.first{background: #****** url('first_td.jpg') no-repeat left top;}
 tr.list_row:hover td.last{background: #****** url('last_td.jpg') no-repeat right top;}
</style>

как вариант. под 6й IE надо юзать средство, приведеное постом выше. приписывать бекграунд лучше ячейкам имхо, если не изменяет память в осле, а мб в какой-то из его версий не срабатывал бекграунд, приписаный строке. да и если ширина таблицы не фиксированая, то разве что однородным фоном строку залить. а если какие-нить уже скругленные уголки, типа тех что на картинке приаттаченой к первому посту, то не прокатит при тянущейся по горизонтали таблице