Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Изменение цвета области ссылки, Работа в <td> 
V
    Опции темы
Guedda
Дата 24.1.2006, 09:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
Есть ссылки:
Код

<tr><td width="150px"><a href="sample1.html">Sample 1</a></td></tr>
<tr><td width="150px"><a href="sample2.html">Sample 2</a></td></tr>
<tr><td width="150px"><a href="sample3.html">Sample 3</a></td></tr>
<tr><td width="150px"><a href="sample4.html">Sample 4</a></td></tr>

Существует ли возможность окрашивать всю область <td> в другой цвет при наведении мыши на ссылку?
Что мне нужно для этого сделать?

Заранее благодарен.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Illuminaty
Дата 24.1.2006, 10:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
Код

td:hover {background-color:#003399}

Добавлено @ 10:12
в IE не работает => нужно делать скриптами
PM MAIL ICQ   Вверх
aprok
Дата 24.1.2006, 10:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
<tr bgcolor="#123456" onMouseOver="this.bgColor='#D1F7FC'" onMouseOut="this.bgColor='#123456' " >
PM MAIL AOL   Вверх
Illuminaty
Дата 24.1.2006, 10:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
Можно так:
Код

<tr><td width="150px"><a href="sample1.html" onMouseOver="this.offsetParent.style.backgroundColor ='red';">Sample 1</a></td></tr>
PM MAIL ICQ   Вверх
o.s.a.
Дата 24.1.2006, 10:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 3
Всего: 15
Код

<html>
<body>
<script type="text/javascript">
  function  hoverColor(elem) {
    elem.parentNode.style.backgroundColor = "red";
  }
  function  oldColor(elem) {
    elem.parentNode.style.backgroundColor = "green";
  }
</script>
<table>
<tr><td width="150px"><a href="sample1.html" onMouseOver="hoverColor(this);" onMouseOut="oldColor(this);">Sample 1</a></td></tr>
<tr><td width="150px"><a href="sample2.html" onMouseOver="hoverColor(this);" onMouseOut="oldColor(this);">Sample 2</a></td></tr>
<tr><td width="150px"><a href="sample3.html" onMouseOver="hoverColor(this);" onMouseOut="oldColor(this);">Sample 3</a></td></tr>
<tr><td width="150px"><a href="sample4.html" onMouseOver="hoverColor(this);" onMouseOut="oldColor(this);">Sample 4</a></td></tr>
</tr>
</table>
</body>
</html>



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Illuminaty
Дата 24.1.2006, 10:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
aprok, нужно при наведении на ссылку, а у тебя при наведении на ячейку smile
PM MAIL ICQ   Вверх
Morch
Дата 24.1.2006, 14:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2006

Репутация: нет
Всего: нет
o.s.a., я такой же код использовал для фонового рисунка, только я не знаю, как сделать так, чтобы финовый рисунок изначально был. Т.е. не просто прозрачная ячейка, а с фоновым рисунком. (background="pic.jpg" не предлагать - не катит, т.к. он не меняется)
PM MAIL   Вверх
Illuminaty
Дата 24.1.2006, 14:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
Код

td {background-image:url(fon.gif);}
PM MAIL ICQ   Вверх
Guedda
Дата 24.1.2006, 15:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
Всем спасибо. Все работает.


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Morch
Дата 24.1.2006, 20:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2006

Репутация: нет
Всего: нет
Illuminaty читаем внимательнее smile
Цитата

(background="pic.jpg" не предлагать - не катит, т.к. он не меняется)

не пашет. Я и ccs пробовал и также как выше указал smile
PM MAIL   Вверх
Morch
Дата 27.1.2006, 14:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2006

Репутация: нет
Всего: нет
А что все замолчали-то? smile
PM MAIL   Вверх
o.s.a.
Дата 27.1.2006, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 3
Всего: 15
Morch, ну если очень нужно, тогда вот так можно извратиться
Код

  <script type="text/javascript">
      function tdOver(td) {
        td.removeAttribute("background");
        td.setAttribute("background", "");
      }
      function tdOut(td) {
        td.removeAttribute("background");
        td.setAttribute("background", "fon0.gif");
      }
  </script>
  <table>
    <tr>
      <td background="fon0.gif" onMouseOver="tdOver(this);" onMouseOut="tdOut(this);">osa</td>
      <td bgcolor="#32fafa">osa</td>
    </tr>
  </table>



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Guedda
Дата 27.1.2006, 17:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78
Цитата(Morch @ 27.1.2006, 14:21)
А что все замолчали-то? smile

Потому что на свой вопрос я ответ получил и тему отметил, как решенную...
Думаю, тебе нужно новый топик открыть


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Morch
Дата 27.1.2006, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2006

Репутация: нет
Всего: нет
o.s.a., спасибо! вариант, конечно, немного тормозной, но хотябы пашет.
Жаль :hover не пашет для таблиц smile
PM MAIL   Вверх
o.s.a.
Дата 27.1.2006, 19:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 3
Всего: 15
Цитата(Morch @ 27.1.2006, 20:45 Найти цитируемый пост)

вариант, конечно, немного тормозной,

интересно чем же?


--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0796 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.