Перейти к содержимому


Фотография
- - - - -

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


Сообщений в теме: 8

#1 OFFLINE   Гайдамак

Гайдамак

    Новичок

  • Новенький
  • 14 сообщений
0
  • Пол:Мужчина

Отправлено 17 Март 2009 - 15:40

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

[codebox]a.lang:link {
color: #CDC8B1;
text-decoration:underline;
}
a.lang:hover {
color: #363636;
text-decoration:none;
}
a.lang:visited {
color: #CDC8B1;
}[/codebox]
должен для ссылки <a class="lang" href="../eng" title="English version">ENG</a> при наведении курсора менять цвет и убирать подчеркивание. Не понимаю, почему цвет не меняется (хотя должен), а подчеркивание убирается (как и нужно). Подскажите, пожалуйста, где я ошибся.
Спасибо.
  • 0

#2 OFFLINE   s0rr0w

s0rr0w

    Бестолочь

  • Глобальный модератор
  • 5 153 сообщений
309
  • Пол:Мужчина

Отправлено 17 Март 2009 - 16:10

Помогите, пожалуйста:
Если я все правильно понимаю, то вот такой код в 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

#3 OFFLINE   Гайдамак

Гайдамак

    Новичок

  • Новенький
  • 14 сообщений
0
  • Пол:Мужчина

Отправлено 17 Март 2009 - 16:57

У меня не работает в IE6, Mozilla, Google Chrome и Safari.
  • 0

#4 OFFLINE   Victor Ananiev

Victor Ananiev

    Пишу...

  • Пользователь
  • PipPipPipPipPip
  • 1 655 сообщений
0

Отправлено 17 Март 2009 - 18:09

покажите код ссылки)
  • 0
skype: Vindex10

#5 OFFLINE   Гайдамак

Гайдамак

    Новичок

  • Новенький
  • 14 сообщений
0
  • Пол:Мужчина

Отправлено 17 Март 2009 - 22:12

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

#6 OFFLINE   3ABAPKA

3ABAPKA

    Участник

  • Пользователь
  • PipPip
  • 275 сообщений
0

Отправлено 18 Март 2009 - 04:43

:hover

поставь после

:visited
  • 0

#7 OFFLINE   Гайдамак

Гайдамак

    Новичок

  • Новенький
  • 14 сообщений
0
  • Пол:Мужчина

Отправлено 18 Март 2009 - 07:50

Ничего не понимаю, на компе работает, обновляю сайт - не работает.
:hover после :visited поставил.
HTML
[codebox] <div class="menu">
<table cellspacing="2" cellpadding="0">
<tr>
...
<td class="img" colspan="3" valign="middle" align="center">
<p class="lang">UKR&nbsp;|&nbsp;<a class="lang" href="../eng" title="English version">ENG</a></p></td>
</tr>
</table>
</div>[/codebox]
CSS
[codebox]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;
}[/codebox]

Сообщение отредактировал Гайдамак: 18 Март 2009 - 07:52

  • 0

#8 OFFLINE   3ABAPKA

3ABAPKA

    Участник

  • Пользователь
  • PipPip
  • 275 сообщений
0

Отправлено 18 Март 2009 - 11:04

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

CDC8B1363636

Сообщение отредактировал 3ABAPKA: 18 Март 2009 - 11:05

  • 0

#9 OFFLINE   Гайдамак

Гайдамак

    Новичок

  • Новенький
  • 14 сообщений
0
  • Пол:Мужчина

Отправлено 18 Март 2009 - 11:21

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

CDC8B1363636


:( ой, точно! Вот спасибо! :(
  • 0



Ответить