И ссылка, и не ссылка
Для того, чтобы ссылка визуально не казалась ссылкой, можно сделать следующее.
1. Подготовим стиль для ссылки
.link-not-link,
.link-not-link:hover {
cursor: text; /* вид курсора обычный, как при тексте */
text-decoration: none; /* убираем подчёркивание */
color: #000; /* ставим такой же цвет, как у остального текста */
outline: none; /* убираем выделение пунктирной рамкой при
активности, по крайней мере в FF */
}
2. Далее присваиваем данный стиль ссылке
какой то текст <a href="http://address" class="link-not-link">link</a> какой то текст
Всё. Теперь ссылка должна выглядеть так же как и текст. Одно будет выдавать – при наведении будет отображаться адрес ссылки. Так же при клике будет переходить по адресу.
Для того, чтобы при клике пользователь не переходил по адресу, надо описать ссылку следующим образом:
какой то текст <a href="yandex.ru" onclick="return false;" class="link-not-link">link</a>
какой то текст
То есть добавляем обработку события onclick.
Рубрики: HTML/CSS
12.01.2012 00:20
Комментарий (RSS) | Обратная ссылка
