Инструкция
1
Если для вашего варианта оформления страницы будет достаточно убрать рамку у одной конкретной картинки со ссылкой или всего у нескольких, то будет достаточно добавить в их теги атрибут border с нулевым значением. С такой добавкой HTML-код картинок со ссылками может выглядеть, например, так:<a href="/"><img src="linkedImage.gif" border="0" /></a>Можно воспользоваться и атрибутам style - эти варианты равнозначны. С атрибутом style и нулевым значением border, указанным в нем, тот же код будет выглядеть так:<a href="/"><img src="linkedImage.gif" style="border: 0px;" /></a>При использовании атрибута style нулевое значение (0px) можно заменить на текстовое "none" (без кавычек).
2
Если требуется предотвратить появление рамки у абсолютно всех картинок со ссылками, размещенных в странице, то проще сделать это в одном месте HTML-кода. Для этого в заголовочную часть документа (между тегами <HEAD> и </HEAD>) следует поместить описание стилей страницы с общим для всех ссылок правилом. Записать это правило можно так:a img {border: none;}Его надо поместить внутрь тега, сообщающего браузеру, что здесь размещено описание стилей на языке CSS:<style type="text/css">
a img {border: none;}
</style>
3
Если вы используете в странице JavaScript-сценарии, которые выполняют какие либо действия при щелчке по текстовой ссылке без перехода на другую страницу, то после щелчка в некоторых браузерах и вокруг текстовой ссылки остается аналогичная пунктирная рамка. Чтобы предотвратить и это несанкционированное изменение вашего дизайна, добавьте в CSS-блок описания стилей соответствующее правило для текстовых ссылок:<style type="text/css">
a {outline: none;}
</style>