Здравствуйте,
Есть таблица у которой задан графический фон. В этой таблице есть ссылка. Как сделать так что бы при наведении на эту ссылку менялся фон таблицы?
#1 a {св-ва сцылки}
#1 a:hover #1 a {background}
<table id="1"><a>ссылка</a></table>
Пробовал так но тогда фон заменяется только под самой ссылкой а не в таблице..
Помогите пожалуйста!
средствами CSS никак, нужно с помощью джаваскрипта это организовыватьЗдравствуйте,
Есть таблица у которой задан графический фон. В этой таблице есть ссылка. Как сделать так что бы при наведении на эту ссылку менялся фон таблицы?
#1 a {св-ва сцылки}
#1 a:hover #1 a {background}
<table id="1"><a>ссылка</a></table>
Пробовал так но тогда фон заменяется только под самой ссылкой а не в таблице..
Помогите пожалуйста!
И названия идентификаторов с цифры начинаться не могут...
Да это я нечайно здесь прилепил или сам форум.И названия идентификаторов с цифры начинаться не могут...
Zigzag,
А как с помощью явы сделать?
Да, форум – он такой. Постоянно что-нибудь где-нибудь прилепляет. Да еще и по нескольку раз.Да это я нечайно здесь прилепил или сам форум.
Думаю все же лучше воспользоваться, тем же самым mootools, создав Event для ссылки. Причем не mouseover, а mouseenter и mouseleave. Хотя вообще не понимаю, зачем вешать на ссылку такое событие. Ведь ссылка это в первую очередь ссылка и она по идее должна вести куда-либо. Человек с отключенным яваскриптом и графикой, ничего не поймет мне кажется.
Aykroyd,
Спасибо, но это не совсем то...
Если у человек аотключена графика то просто не будет красивого эффекта при наведении - а если включена то будет красиво...Думаю все же лучше воспользоваться, тем же самым mootools, создав Event для ссылки. Причем не mouseover, а mouseenter и mouseleave. Хотя вообще не понимаю, зачем вешать на ссылку такое событие. Ведь ссылка это в первую очередь ссылка и она по идее должна вести куда-либо. Человек с отключенным яваскриптом и графикой, ничего не поймет мне кажется.
И слава Богу)Спасибо, но это не совсем то...
Мутулс 40 с лишним килограмм весит. И подключать его ради подобной бредовой затеи (да простит меня автор топика) – вобще жесть... И все это не говоря уже о том, что сама таблица там скорее всего вообще не к месту...Думаю все же лучше воспользоваться, тем же самым mootools
...может такой вариант устроит:
Код:<html> <head> <script language="JavaScript"> <!-- function onColor(blah)****{blah.style.backgroundColor="#f4f8ff";} function offColor(blah)****{blah.style.backgroundColor="#e5ecff";} //--> </SCRIPT> <style type="text/css"> TABLE{border-collapse:collapse;} TD{width:200px;} /*произвольно конечно*/ .color_body{BACKGROUND-COLOR:#e5ecff;} </style> </head> <body> <table> <tr> <td class='color_body' onmouseout=offColor(this); onmouseover=onColor(this);> [Только зарегистрированные пользователи могут видеть ссылки. ] </td> </tr> </table> </body> </html>
бросьте эту затею — это безграмотно с точки зрения "юзабилити". у ваших посетителей от таки эффектов будет нервный срыв.
представте себе на минутку, что вы наводите мышку на ссылку в этом сообщении и прямо под вашей мышкой без команды меняется дизайн всей страницы форума... вот. что-то в этом роде, но меньшем масштабе, испытают ваши пользователи.
растяните ссылку на всю ячейку. если это будет выглядеть пристойно...
Можно сделать при наведении на саму ячейку таблици смену ее фона.
в css прописываем:
td:hover{background: #color;}
Вопрос от себя:
почему в IE6 такого эффекта нету ?
Вопрос был про смену фона таблицы, а не фона ячейки.Можно сделать при наведении на саму ячейку таблици смену ее фона.
Потому что нету.почему в IE6 такого эффекта нету ?
Ну тогда Table:hover ...Вопрос был про смену фона таблицы, а не фона ячейки.
Но теперь вы наверно скажете что вопрос был про смену при наведении на ссылку..))
Если этот эффект к примеру делать для менюшки, то вполне норм.
И принудительных средств нет ?Потому что нету.
При чем тут смешно. Это была улыбка.
И причем тут флуд, я предложил альтернативу...
+ задал вопрос от себя чтоб не создавать кучу отдельных топиков.
ЗЫ"за поддержку псевдоклассов спасибо!"
Ваши права
.style.backgroundColor = '#FF0000';