Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!





Ссылки без подчеркивания

Средствами тегов HTML убрать подчеркивание у ссылок не представляется возможным. Поэтому для этой цели используются каскадные таблицы стилей (Cascading Style Sheets, CSS).

Одно из наиболее популярных применений CSS для ссылок — убирание у них подчеркивания. С позиции юзабилити не совсем верное решение, поскольку пользователь может сразу не догадаться, что текст, который он видит, является ссылкой. Все ведь уже привыкли — раз подчеркивание используется, значит это ссылка. Но при правильном применении отсутствие подчеркивания у ссылок может придать определенный эффект сайту. Часто делается, что при наведении курсора, ссылка становится подчеркнутой, меняет свой цвет, или используется и то и другое действие одновременно.

Подчеркивание прячется с помощью стилевого параметроа text-decoration: none, добавляя его к селектору A, как показано в примере 1.

Пример 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 {
 text-decoration: none; /* Убирает подчеркивание для ссылок */
}
A:hover {
 text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
 color: red; /* Ссылка красного цвета */
}
</style>
</head>
<body>
<p><a href="link.html">Наведи сюда курсор, увидишь результат</a></p>
</body>
</html>

Ниже приведен результат выполнения данного примера. При наведении курсора на ссылку, она становится подчеркнутой и красной.


Просмотров: 37192

  Коментарии (10)
 1 Написал(а) Бигман, в 16:00 19.02.2010
Большое спасибо. Помогло! :zzz
 2 Написал(а) Сергей, в 14:51 19.03.2010
жаль сам код тут не дают отображать.... но это все реально
 3 Написал(а) Татьяна, в 04:08 04.05.2010
Здравствуйте! 
Очень прошу - подскажите пожалуйста. Я пользовалась обычным кодом для снятия ссылок - A { 
text-decoration: none; 
}  
и все было нормально. Но установила у себя новый ворд 2007 вместо 2003 .  
И у меня теперь ссылки остаются подчеркнутыми почему-то. Код не помогает. 
Подскажите пожалуйста, что надо сделать...
 4 Написал(а) Анонимус, в 16:56 14.07.2010
А так не катит? 
 5 Написал(а) Анонимус, в 16:58 14.07.2010
Код не вставился 
 6 Написал(а) Анонимус, в 16:58 14.07.2010
Короче вот так: 
a href="ссылка" style="text-decoration:none"
 7 Написал(а) Ольга, в 17:53 29.07.2010
Написал(а) Анонимус, в 16:58 14.07.2010  
Короче вот так:  
a href="ссылка" style="text-decoration:none" 
 
 
 
Спасибо! А статья бее! :Р
 8 Написал(а) Я, в 02:37 23.10.2010
Ольга, не тупи.
 9 Написал(а) Lesun, в 17:02 09.08.2012
пасиб
 10 Написал(а) Buffie, в 07:36 17.05.2017
Thank you for taking the time to prepare this wr-iptue. I can see that you spent many time studying for this post. I just need you to know that you are really liked. I learned a lot!

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама
 лечение панических атак в днепре;Московских стабилизаторов напряжения однофазных купить .