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