Veebisaitide koostamisel peaksite kindlasti arvestama külastajate brauserites lehtede kuvamise seadetega. Eelkõige joonistavad lingimärgendite sisse paigutatud pildid brauserid vaikimisi sinise ühepunktilise (piksli) laiuse äärisega. Seda tuleks arvestada nii leheelementide suuruse määramisel kui ka nende värvikujunduse määramisel. Probleemile on alternatiivne lahendus - HTML-i ja CSS-i abil sundida brausereid raami mitte kuvama.
Juhised
Samm 1
Kui teie lehekujunduse versiooni jaoks piisab, kui eemaldate piiri ühelt konkreetselt pildilt lingi või ainult mõne abil, siis piisab, kui lisate nende siltidele null-väärtusega atribuudi border. Selle lisamise korral võib linkidega piltide HTML-kood välja näha järgmine: Võite kasutada ka stiili atribuute - need valikud on samaväärsed. Stiili atribuudi ja selles määratud nullpiiri väärtuse korral näeks sama kood välja järgmine: Stiiliatribuudi kasutamisel saab nullväärtuse (0px) asendada tekstiga "none" (jutumärkideta).
2. samm
Kui soovite vältida raami ilmumist absoluutselt kõigile lehele paigutatud linkidega piltidele, siis on seda lihtsam teha HTML-koodi ühes kohas. Selleks tuleks lehe stiilide kirjeldus koos kõigi linkide ühise reegliga paigutada dokumendi pealkirja ossa (ja siltide vahele). Selle reegli saate kirjutada järgmiselt: img {border: none;} See tuleks paigutada sildi sisse, mis ütleb brauserile, et CSS-is on siin stiilide kirjeldus:
a img {ääris: puudub;}
3. samm
Kui kasutate lehel JavaScripti skripte, mis täidavad mis tahes toiminguid, kui klõpsate tekstilingil ilma teisele lehele lülitumata, jääb pärast mõnes brauseris ja tekstilingi ümber klõpsamist sarnane punktiirjoon. Selle loata muudatuse vältimiseks lisage CSS-i stiili kirjelduse plokki tekstilinkidele sobiv reegel:
a {kontuur: puudub;}
