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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПриложение для размножения текста и рерайтинга TextExperts Tools
150 Djadka 112565 4.5.2021, 9:32
автор: Djadka
Открытая тема (нет новых ответов) Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля
7 лет в сфере, более 77 млн знаков за спиной
0 ELECTROKATZE 1935 26.4.2021, 23:38
автор: ELECTROKATZE
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
0 Kostyaxxxx 1639 24.4.2021, 22:42
автор: Kostyaxxxx
Открытая тема (нет новых ответов) Замена адреса внутренних ссылок при смене ЧПУ
Автозамена адреса при перелинковке
3 PostBrigada 1608 20.4.2021, 19:37
автор: DUbiev
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
65 VIMstat 58340 19.4.2021, 19:46
автор: VIMstat


 



RSS Текстовая версия Сейчас: 15.5.2021, 7:07
Дизайн