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