Dacă creați site-uri web, ar trebui să luați în considerare cu siguranță setările pentru afișarea paginilor în browserele vizitatorilor. În special, imaginile plasate în etichetele de link sunt conturate de browsere cu o margine albastră cu un punct (pixel) în mod implicit. Acest lucru trebuie luat în considerare atât la stabilirea dimensiunii elementelor paginii, cât și la stabilirea designului culorilor acestora. Există o soluție alternativă la problemă - utilizarea HTML și CSS pentru a forța browserele să nu afișeze cadrul.
Instrucțiuni
Pasul 1
Dacă pentru versiunea dvs. de proiectare a paginii va fi suficient să eliminați marginea dintr-o anumită imagine cu un link sau doar câteva, atunci va fi suficient să adăugați atributul de margine cu o valoare zero la etichetele lor. Cu această adăugare, codul HTML al imaginilor cu linkuri poate arăta astfel: Puteți utiliza și atributele de stil - aceste opțiuni sunt echivalente. Cu atributul de stil și o valoare de margine zero specificată în acesta, același cod ar arăta astfel: Când se utilizează atributul de stil, valoarea zero (0px) poate fi înlocuită cu textul „none” (fără ghilimele).
Pasul 2
Dacă doriți să preveniți apariția unui cadru pentru absolut toate imaginile cu linkuri plasate pe pagină, atunci este mai ușor să faceți acest lucru într-un singur loc în codul HTML. Pentru a face acest lucru, o descriere a stilurilor de pagină cu o regulă comună tuturor legăturilor ar trebui plasată în partea de antet a documentului (între etichete și). Puteți scrie această regulă astfel: un img {border: none;} Ar trebui să fie plasat într-o etichetă care să spună browserului că există o descriere a stilurilor în CSS aici:
a img {border: none;}
Pasul 3
Dacă utilizați scripturi JavaScript într-o pagină care efectuează orice acțiuni atunci când faceți clic pe un link text fără a trece la o altă pagină, atunci după ce faceți clic în unele browsere și în jurul linkului text, rămâne un cadru punctat similar. Pentru a preveni această modificare neautorizată a designului dvs., adăugați o regulă adecvată pentru linkurile text la blocul de descriere a stilului CSS:
a {contur: none;}
