• 0
Гайдамак

Смена цвета ссылки при наведении курсора

Вопрос

Помогите, пожалуйста:

Если я все правильно понимаю, то вот такой код в CSS

a.lang:link {
color: #CDC8B1;
text-decoration:underline;
}
a.lang:hover {
color: #363636;
text-decoration:none;
}
a.lang:visited {
color: #CDC8B1;
}

должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся.

Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

8 ответов на этот вопрос

  • 0
Помогите, пожалуйста:

Если я все правильно понимаю, то вот такой код в CSS

a.lang:link {
color: #CDC8B1;
text-decoration:underline;
}
a.lang:hover {
color: #363636;
text-decoration:none;
}
a.lang:visited {
color: #CDC8B1;
}

должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся.

Спасибо.

Приведенный код работает в FF3, IE7

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

s0rr0w

Victor Ananiev

Большое спасибо за готовность помочь!

У меня получилось добиться нужного мне результата, но я так и не смог понять, почему так случилось.

Ссылка <a class="lang" href="../eng" title="English version">ENG</a> находилась в ячейке таблицы <td class="img">, для которой был установлен ненужный для этой ячейки font-family: tahoma. Убрав font-family я обнаружил, что ссылка меняет цвет как нужно. Странно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Ничего не понимаю, на компе работает, обновляю сайт - не работает.

:hover после :visited поставил.

HTML

	<div class="menu">
<table cellspacing="2" cellpadding="0">
<tr>
...
<td class="img" colspan="3" valign="middle" align="center">
<p class="lang">UKR | <a class="lang" href="../eng" title="English version">ENG</a></p></td>
</tr>
</table>
</div>

CSS

div.menu {
padding: 0;
margin: 0;
background-color: #FFF;
width: 100%;
}
p.lang {
padding: 0;
margin: 0;
background: #FFF;
width: 100%;
font-family: Tahoma;
font-size: 9px;
text-align: center;
}
a.lang:link {
color: #363636;
text-decoration:underline;
}
a.lang:visited {
color: #363636;
}
a.lang:hover {
color: #CDC8B1363636;
text-decoration:none;
}
table {
width: 100%;
}
td.img {
border: 1px solid #CDC8B1;
}

Изменено пользователем Гайдамак

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Это у тебя какой цвет?

CDC8B1363636

Изменено пользователем 3ABAPKA

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас