Ako gradite web stranice, svakako biste trebali uzeti u obzir postavke za prikazivanje stranica u pregledačima posjetitelja. Konkretno, slike smještene unutar oznaka linkova preglednici ocrtavaju plavim rubom širine jedne točke (piksela). To treba uzeti u obzir kako prilikom postavljanja veličine elemenata stranice, tako i prilikom određivanja njihovog dizajna u boji. Postoji alternativno rješenje problema - upotreba HTML-a i CSS-a za prisiljavanje pregledača da ne prikazuju okvir.
Instrukcije
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 opcije su ekvivalentne. S atributom style i vrijednošću nulte granice naznačenom u njemu, isti kod bi 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 smještenim na stranici, onda je to lakše učiniti na jednom mjestu u HTML kodu. Da biste to učinili, opis stilova stranica s pravilom zajedničkim za sve veze 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 pretraživaču govori da ovdje postoji opis stilova u CSS-u:
a img {border: none;}
Korak 3
Ako na stranici koristite JavaScript skripte koje izvršavaju bilo kakve radnje kada kliknete na tekstualnu vezu bez prebacivanja na drugu stranicu, nakon klika u nekim preglednicima i oko tekstne veze ostaje sličan točkast 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;}
