Когато поставите изображение в маркера на връзката (между и), браузърът на посетителя по подразбиране изчертава синя граница с ширина от един пиксел около изображението. В допълнение към факта, че произволността на браузъра увеличава размера на този елемент на дизайна на вашата страница с два пиксела вертикално и два пиксела хоризонтално, синият цвят може да не съвпада с цветовата схема на дизайна на страницата.
Инструкции
Етап 1
Ако трябва да премахнете границата от едно или повече изображения на връзки, можете да направите това, като добавите атрибут на границата с нулева стойност към маркера на всяко от изображенията, от които се нуждаете. Например: Същият ефект може да бъде постигнат с помощта на атрибута style, като се постави една и съща граница с нулева стойност в нея: Нулевата стойност (0px) в този вариант може да бъде заменена със стойността "none" (без кавички).
Стъпка 2
Ако трябва да разрешите този проблем радикално, т.е. за всички снимки с връзки в целия документ, тогава е по-добре да го направите по различен начин. Не е необходимо да добавяте съответния атрибут към маркера на всяко изображение поотделно, по-лесно е да запишете общото правило за всички в описанието на стила в началото на документа. Това CSS правило ще изглежда по следния начин: img {border: none;} То трябва да бъде поставено в блока за описание на стила, а самият блок трябва да бъде поставен преди маркера, затварящ заглавието на страницата:
a img {граница: няма;}
Стъпка 3
Не само изображенията, но и обикновените текстови връзки в някои видове браузъри имат подобен проблем - ако посетител кликне върху връзката, около нея ще остане пунктирана граница. За да запазите страницата си от тази дизайнерска грешка, добавете следното правило за връзка към описанията на стиловете:
a img {контур: няма;}
