Цвет ссылок - HTML и CSS

Syltan · 10.03.2010, 23:03

Проблемма в том, что CSS для браузера работает вроде 1 раз.
К примеру если написать вот такой код:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ссылки</title>
<style type="text/css">
A:link { color:blue;
text-decoration: underline; /* Убирает подчеркивание для ссылок */
} 
A:visited { color:black; text-decoration: none; } 
A:active { text-decoration: none; }
A:hover { 
text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */
color: green; /* Цвет ссылки */
} 
</style>
</head> 
<body>
<p><a href="http://mail.ru" target="_blank">Пример ссылки</a></p>
</body> 
</html>

Когда я нажал ссылку, а затем вновь обновил страницу ссылка так и остаётся посещённой, а не меняет цвет.Пробовал перезапускать браузер то же самое.
На др. браузерах, такде по 1 разу запускается. В чём может быть проблемма?

cooperOk · 10.03.2010, 23:18

В большинстве случаев стиль visited не используется, что бы не портить дизайн.. А вообще браузер помнит посещенные ссылки вне зависимости от того сколько раз ты обновишь страницу или перегрузишь браузер.

Syltan · 10.03.2010, 23:21

Значит такое явление и должно быть что ли? Его не исправить?
Та же проблемма при наведении мышки после нескольких раз, цвет ссылки не изменяется.
Что делать?

Magneto · 11.03.2010, 01:21

Syltan - по умолчанию все браузеры отмечают (другим цветом) посещенные ссылки, но это легко меняется

Код:

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ссылки</title>
<style type="text/css">
a{
	color:red;                         /* Делаем ссылку красной */
	text-decoration:none;             /* Убираем подчеркивание для ссылки */  }

a:hover{
	color:green;                   /* Делаем ссылку зеленой при наведении на нее курсора */
	text-decoration:underline;    /* Делаем ссылку подчеркнутой при наведении на нее курсора */  } 
</style>
</head> 
<body>
<p><a href="http://mail.ru" target="_blank">Пример ссылки</a></p>
</body> 
</html>

Syltan · 11.03.2010, 13:11

Вот я внёс одну строку.

Код:

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ссылки</title>
<style type="text/css">
a{
	color:red;                         /* Делаем ссылку красной */
	text-decoration:none;             /* Убираем подчеркивание для ссылки */  }
a:link{color:blue;}
a:hover{
	color:green;                   /* Делаем ссылку зеленой при наведении на нее курсора */
	text-decoration:underline;    /* Делаем ссылку подчеркнутой при наведении на нее курсора */  } 
</style>
</head> 
<body>
<p><a href="http://mail.ru" target="_blank">Пример ссылки</a></p>
</body> 
</html>

Я прописал строку a:link{color:blue;}
Чтоб отображало цвет не посещённой ссылки. При обновлении
страницы ссылка отображается всё равно красной, то есть посещённой.

Magneto · 11.03.2010, 14:01

У Вас очень туманное представление о работе CSS
Ставте вопрос в следуещем контексте: Хочу чтоб у меня на сайте ссылки были ......
и получите работоспособный код
а обьяснять как все работает - никаких нервов не хватит

Syltan · 11.03.2010, 14:35

Хорошо. Напишу словами. У меня есть слово - "Привет мир".
Когда это слово не посетили, хочу чтоб оно было синим, когда посетили - красным. Когд обновил страницу опять синим. Как это реализовать?

Magneto · 11.03.2010, 17:02

Syltan - решить данную задачу при помощи только одного CSS наверное не получится, покрайней мере я не вижу решения.
Но это очень легко решается при помощи простейшего Javascript, смотрите код

Код:

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ссылки</title>
<style type="text/css">
.color-blue{
	color:blue;
	text-decoration:none}

.color-red{
	color:red;
	text-decoration:none}
</style>
</head> 
<body>
<p><a class="color-blue" onclick="this.className='color-red';" target="_blank" href="http://mail.ru">Пример ссылки 1</a></p>
<p><a class="color-blue" onclick="this.className='color-red';" target="_blank" href="http://google.ru">Пример ссылки 2</a></p>
<p><a class="color-blue" onclick="this.className='color-red';" target="_blank" href="http://programmersforum.ru">Пример ссылки 3</a></p>
</body> 
</html>

Syltan · 11.03.2010, 18:04

Отображается результат такой, непонятными символами.
И ещё,ссылки не делаются посещёными, они при не обновлении, когда я нажал на ссылку должны быть посещёными, а при обновлении непосещеными.

�� 1

�� 2

�� 3

Magneto · 11.03.2010, 18:11

смените кодировку документа, или сохраните в кодировке utf-8 без BOM

вот скачайте архив, там сверстаный документ

10.03.2010, 23:21	#3
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Значит такое явление и должно быть что ли? Его не исправить? Та же проблемма при наведении мышки после нескольких раз, цвет ссылки не изменяется. Что делать? Последний раз редактировалось Syltan; 10.03.2010 в 23:46.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Цвет и вид ссылок в div-ах	Winlook	HTML и CSS	3	14.01.2010 21:53
Изменить цвет ссылок при наведении	Gatti	HTML и CSS	1	01.10.2009 23:08
Каким образом можно изменять цвет фона и цвет шрифта в Label?	jungle	Win Api	17	21.09.2009 00:38
Как с помощью JavaScript изменить цвет фона ячеек в таблице,так что бы можно было выбрать цвет из списка	Gotessa	JavaScript, Ajax	1	09.05.2009 16:05

10.03.2010, 23:18	#2
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	В большинстве случаев стиль visited не используется, что бы не портить дизайн.. А вообще браузер помнит посещенные ссылки вне зависимости от того сколько раз ты обновишь страницу или перегрузишь браузер.

11.03.2010, 14:01	#6
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	У Вас очень туманное представление о работе CSS Ставте вопрос в следуещем контексте: Хочу чтоб у меня на сайте ссылки были ...... и получите работоспособный код а обьяснять как все работает - никаких нервов не хватит

11.03.2010, 14:35	#7
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Хорошо. Напишу словами. У меня есть слово - "Привет мир". Когда это слово не посетили, хочу чтоб оно было синим, когда посетили - красным. Когд обновил страницу опять синим. Как это реализовать?

11.03.2010, 18:04	#9
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Отображается результат такой, непонятными символами. И ещё,ссылки не делаются посещёными, они при не обновлении, когда я нажал на ссылку должны быть посещёными, а при обновлении непосещеными. �� 1 �� 2 �� 3