Главная » CSS, Статьи и переводы

Оптимизируем код ссылки для вывода на печать

12 Апрель 2008 просмотров 705 комментариев 2


Путешествуя по сайту, вы наверное замечали, что наводя курсором на ссылку ее заголовок или URL отображается в статусной строке браузера. Однако выбрав опцию "просмотр печати" мы видим лишь анкор ссылки.

Показать читателю URL будет очень полезно. Сделать это можно с помощью небольшого CSS кода для ссылок:

<style type="text/css">
@media print
	{
	a:link:after, a:visited:after { content:" [" attr(href) "] "; }
	}
</style>

Данный код, к сожалению, не поддерживается браузером Internet Explorer. В этом случае можно использовать JS скрипт.

Пример реализации на CSS можно посмотреть здесь. Выберите в меню браузера предпросмотр печати и вы увидите что теперь все ссылки отображаются в тексте после анкора.

sample.jpg

Оригинал статьи: David Walsh

Комментариев 2 »

  • ]]>torg пишет: ]]>

    Если правильно понял, то считаю эту штуку бесполезной. Я сразу вывожу обычно на печать, а режиме предпросмотр печати я не кликаю по ссылкам.  

    Цитировать

  • ]]>Автор пишет: ]]>

    Фишка не в этом, а в том чтобы на напечатанном документе можно было увидеть адрес ссылки, а не просто подчеркнутое слово.  

    Цитировать

Комментарии

Добавьте ваш комментарий, или трекбэк с сайта. Вы также можете подписаться на комментарии к этой статье через RSS.

Вы можете использовать теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Чтобы получить аватарку, зарегистрируйтесь на Gravatar.