Как убрать рамку

Когда вы помещаете картинку внутрь тега ссылки (между <a ...> и </a>), браузер посетителя по умолчанию пририсовывает вокруг картинки синюю рамку шириной в один пиксель. Кроме того, что самоуправство браузера увеличивает размер этого элемента дизайна вашей страницы на два пиксела по вертикали и два по горизонтали, синий цвет может не соответствовать цветовой гамме оформления страницы.

Инструкция

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