Când plasați o imagine în interiorul etichetei de legătură (între și), browserul vizitatorului desenează în mod implicit o margine albastră cu un pixel în jurul imaginii. Pe lângă faptul că arbitrariul browserului mărește dimensiunea acestui element de design al paginii cu doi pixeli pe verticală și cu doi pixeli pe orizontală, culoarea albastră poate să nu se potrivească cu schema de culori a designului paginii.
Instrucțiuni
Pasul 1
Dacă trebuie să eliminați marginea de la una sau mai multe imagini de legătură, puteți face acest lucru adăugând un atribut de margine cu o valoare zero la eticheta fiecăreia dintre imaginile de care aveți nevoie. De exemplu: Același efect poate fi realizat folosind atributul de stil prin plasarea aceleiași margini cu o valoare zero: Valoarea zero (0px) din această variantă poate fi înlocuită cu valoarea „none” (fără ghilimele).
Pasul 2
Dacă trebuie să rezolvați radical această problemă, adică pentru toate imaginile cu link-uri din întregul document, atunci este mai bine să o faceți diferit. Nu este nevoie să adăugați atributul corespunzător la eticheta fiecărei imagini separat, este mai ușor să scrieți regula comună tuturor în descrierea stilului de la începutul documentului. Această regulă CSS va arăta astfel: a img {border: none;} Ar trebui plasată în blocul de descriere a stilului, iar blocul în sine ar trebui plasat înainte de eticheta care închide titlul paginii:
a img {border: none;}
Pasul 3
Nu numai imaginile, ci și legăturile text simple din unele tipuri de browsere au o problemă similară - dacă un vizitator face clic pe link, o margine punctată va rămâne în jurul său. Pentru a vă salva pagina de această eroare de proiectare, adăugați următoarea regulă de link la descrierile stilului:
a img {contur: none;}
