Помощник
|
Смена цвета текста при наведении на ячейку таблицы, в которой находится текст. |
arhitec
|
Сообщение
#1
|
||
|
|
||
|
|||
killerblade |
21.5.2013, 16:42;
Ответить: killerblade
Сообщение
#2
|
|
Сделайте вашу ссылку блоковым элементом.
[CSS] a{ display:block; height: 100%; } [/CSS] После этого он растянется во всю ширину ячейки. Стили ховера можете задавать только ссылки "a" |
|
|
arhitec
|
Сообщение
#3
|
|
Смысл понял, но у меня смещено поле, где сменяется курсор. Т.е. реакция на пункт меню вне зоны этого пункта.
Выкладываю код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> @font-face { font-family: HeliosCond; src: local("HeliosCond"), url(fonts/HeliosCond.ttf); } .background_site { background-image:url(img/background-all-site.jpg); background-position:50% 0%; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .key_gmenu { background: url(img/key-gmenu-on-off.gif); display: block; width: 120px; height: 100px; } .key_gmenu:hover { background-position: 0 -100px; } .key_gmenu_text { display:block; height: 50%; color:#8d8787; font-family: HeliosCond; } .key_gmenu_text:hover { color: #FFFFFF; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } </style> </head> <body> <table width="100%" height="735" border="0" align="center" cellpadding="0" cellspacing="0" class="background_site"> <tr> <td height="735" align="center" valign="top"><table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="120" height="100" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">Главная</a></td> </tr> </table></td> <td width="120" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">О себе</a></td> </tr> </table></td> <td width="120" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">Услуги</a></td> </tr> </table></td> <td width="120" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">Галерея</a></td> </tr> </table></td> <td width="10" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">Партнеры</a></td> </tr> </table></td> <td width="230" align="center" valign="top"><table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="key_gmenu" height="73" align="center" valign="top"><table width="17" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="64" height="70"></td> </tr> </table> <a href="index.php" class="key_gmenu_text">Контакты</a></td> </tr> </table></td> </tr> </table> <table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="8"></td> </tr> </table></td> </tr> </table> </body> </html> Т.е. задача такова. Есть меню, при наведении сменяется фон у этогго меню путем смещения изображения через CSS. Я предполагаю как то этот CSS и влеяет на смещение зоны активности для курсора. |
|
|
killerblade |
21.5.2013, 19:02;
Ответить: killerblade
Сообщение
#4
|
|
|
извеняюсь, буду вечером, если что стучитесь в скайп
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1355 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Можно ли в старый SEO текст вместо старого домена поставить новый? | 3 | Tutich | 1151 | 22.3.2024, 14:47 автор: Tutich |
|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1551 | 21.3.2024, 20:45 автор: stu999 |
|
Перевод текста в речь нейросетями - сервис Zvukogram | 13 | Zvukogram | 7138 | 19.2.2024, 18:16 автор: freon_mr777 |
|
📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼 Мы предлагаем комплексное решение для рандомизации всех видов офера |
2 | leviathan | 1340 | 29.1.2024, 21:29 автор: leviathan |
Текстовая версия | Сейчас: 29.3.2024, 11:25 |