Ako izrađujete web stranice, svakako biste trebali uzeti u obzir postavke za prikaz stranica u preglednicima posjetitelja. Konkretno, slike smještene unutar oznaka veza preglednici ocrtavaju s plavim rubom širine jedne točke (piksela). To treba uzeti u obzir kako pri postavljanju veličine elemenata stranice tako i pri određivanju njihovog dizajna u boji. Postoji alternativno rješenje problema - upotreba HTML-a i CSS-a za prisiljavanje preglednika da ne prikazuju okvir.
Upute
Korak 1
Ako će za vašu verziju dizajna stranice biti dovoljno ukloniti obrub s jedne određene slike s vezom ili samo nekoliko, tada će biti dovoljno dodati atribut obruba s nultom vrijednošću njihovim oznakama. Uz ovaj dodatak, HTML-kod slika s vezama može izgledati ovako: Možete koristiti i atribute stila - ove su opcije jednake. S atributom style i vrijednošću nulte granice naznačenom u njemu, isti bi kôd izgledao ovako: Kada se koristi atribut style, nulta vrijednost (0px) može se zamijeniti tekstom "none" (bez navodnika).
Korak 2
Ako želite spriječiti pojavu okvira za apsolutno sve slike s vezama na stranici, to je lakše učiniti na jednom mjestu u HTML kodu. Da biste to učinili, opis za stilove stranica s pravilom zajedničkim za sve poveznice treba staviti u zaglavni dio dokumenta (između oznaka i). Ovo pravilo možete napisati ovako: img {border: none;} Treba ga staviti unutar oznake koja pregledniku govori da ovdje postoji opis stilova u CSS-u:
img {granica: nema;}
3. korak
Ako na stranici koristite JavaScript skripte koje izvršavaju bilo kakve radnje kad kliknete na tekstualnu vezu bez prebacivanja na drugu stranicu, nakon klika u nekim preglednicima i oko tekstne veze ostaje sličan točkasti okvir. Da biste spriječili ovu neovlaštenu promjenu vašeg dizajna, dodajte odgovarajuće pravilo za tekstualne veze u blok opisa CSS stila:
{kontura: nema;}
