Če gradite spletna mesta, morate vsekakor upoštevati nastavitve za prikaz strani v brskalnikih obiskovalcev. Slike, ki so nameščene znotraj oznak povezav, brskalniki privzeto obrisujejo z modro obrobo v piki. To je treba upoštevati pri določanju velikosti elementov strani in pri določanju njihove barvne zasnove. Obstaja alternativna rešitev težave - uporaba HTML in CSS, da brskalniki prisilijo, da ne prikazujejo okvira.
Navodila
Korak 1
Če bo za vašo različico zasnove strani dovolj, da odstranite obrobo z ene določene slike s povezavo ali le nekaj, potem bo dovolj, da njihovim oznakam dodate atribut border z nič vrednostjo. S tem dodatkom je lahko koda HTML slik s povezavami videti takole: Uporabite lahko tudi atribute sloga - te možnosti so enakovredne. Z atributom style in vrednostjo ničelne obrobe, ki je določena v njem, bi bila ista koda videti takole: Pri uporabi atributa style lahko vrednost nič (0px) nadomestimo z besedilom "none" (brez narekovajev).
2. korak
Če želite preprečiti videz okvirja za popolnoma vse slike s povezavami na strani, potem je to lažje narediti na enem mestu v kodi HTML. V ta namen je treba v naslovni del dokumenta (med oznakama in) postaviti opis slogov strani s pravilom, ki je skupno vsem povezavam. To pravilo lahko zapišete takole: img {border: none;} Vstaviti ga je treba v oznako, ki brskalniku sporoča, da je tukaj opis slogov v CSS:
img {obroba: nobena;}
3. korak
Če na strani uporabljate skripte JavaScript, ki izvedejo kakršna koli dejanja, ko kliknete besedilno povezavo, ne da bi preklopili na drugo stran, potem po kliku v nekaterih brskalnikih in okoli besedilne povezave ostane podoben pikčast okvir. Če želite preprečiti to nepooblaščeno spremembo vašega dizajna, dodajte ustrezno pravilo za besedilne povezave v blok opisa sloga CSS:
a {oris: noben;}
