Як прибрати рамку посилання

Якщо ви займаєтеся будівництвом веб-сайтів, то обов`язково повинні враховувати настройки відображення сторінок в браузерах відвідувачів. Зокрема, картинки, поміщені всередину тегів посилань, браузери за замовчуванням обводять синьою рамкою шириною в одну точку (піксель). Це слід враховувати як при завданні розмірів елементів сторінки, так і при визначенні їх колірного оформлення. Є альтернативний варіант вирішення завдання - засобами HTML і CSS змусити браузери не відображати рамку.

Якщо для вашого варіанту оформлення сторінки буде досить прибрати рамку у одній конкретній картинки з посиланням або всього у декількох, то буде досить додати в їх теги атрибут border з нульовим значенням. З такою добавкою HTML-код картинок з посиланнями може виглядати, наприклад, так: Можна скористатися і атрибутам style - ці варіанти рівнозначні. З атрибутом style і нульовим значенням border, зазначеним в ньому, той же код буде виглядати так: При використанні атрибуту style нульове значення (0px) можна замінити на текстове "none" (без лапок).

Якщо потрібно запобігти появі рамки у всіх картинок з посиланнями, розміщених в сторінці, то простіше зробити це в одному місці HTML-коду. Для цього в заголовну частину документа (між тегами і ) Слід помістити опис стилів сторінки із загальним для всіх посилань правилом. Записати це правило можна так: a img {border: none;} Його треба помістити всередину тега, який повідомляє браузеру, що тут розміщено опис стилів на мові CSS:

Якщо ви використовуєте в сторінці jаvascript-сценарії, які виконують будь-які дії при натисканні по текстовому посиланню без переходу на іншу сторінку, то після клацання в деяких браузерах і навколо текстової посилання залишається аналогічна пунктирна рамка. Щоб запобігти і це несанкціонованих змін вашого дизайну, додайте в CSS-блок опису стилів відповідне правило для текстових посилань:

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі