X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Смена цвета текста при наведении на ячейку таблицы, в которой находится текст.
arhitec
arhitec
Topic Starter сообщение 21.5.2013, 16:14; Ответить: arhitec
Сообщение #1


Всем привет!
Помогите новичку. Есть ссылка в ячейке таблицы. При наведении на ячейку курсора сменяется фон-картинка. А текст ссылки при это остается прежним. Когда наводишь курсор на ссылку, то цвет меняется, но мне нужно, что бы цвет текста менялся даже при наведении на саму ячейку, где вставленна ссылка.
Такое возможно ли?
Прилагаю картинки:
Ссылка серым цветом, а должна быть белым.
[IMG]http://s2.ipicture.ru/uploads/20130521/hbULQ1g8.png[/IMG]
Вот так она должна быть при наведении курсора на фон:
[IMG]http://s2.ipicture.ru/uploads/20130521/0EfOrWF6.png[/IMG]
Картинками - не вариант, нужно текстом.
Помогите, пожалуйста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
killerblade
killerblade
сообщение 21.5.2013, 16:42; Ответить: killerblade
Сообщение #2


Сделайте вашу ссылку блоковым элементом.
[CSS]
a{
display:block;
height: 100%;
}
[/CSS]
После этого он растянется во всю ширину ячейки. Стили ховера можете задавать только ссылки "a"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
arhitec
arhitec
Topic Starter сообщение 21.5.2013, 16:50; Ответить: 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
killerblade
сообщение 21.5.2013, 19:02; Ответить: killerblade
Сообщение #4


извеняюсь, буду вечером, если что стучитесь в скайп

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 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


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:25
Дизайн