Ja veidojat vietnes, noteikti jāņem vērā iestatījumi lapu parādīšanai apmeklētāju pārlūkprogrammās. Konkrēti, saites tagos ievietotos attēlus pārlūkprogrammas iezīmē ar zilu viena punkta (pikseļu) platu apmali pēc noklusējuma. Tas jāņem vērā gan nosakot lapas elementu lielumu, gan nosakot to krāsu noformējumu. Ir alternatīvs problēmas risinājums - izmantojot HTML un CSS, lai piespiestu pārlūkprogrammas nerādīt rāmi.
Instrukcijas
1. solis
Ja jūsu lapas dizaina versijai būs pietiekami noņemt robežu no viena konkrēta attēla ar saiti vai tikai ar dažiem, tad to tagiem būs pietiekami pievienot robežas atribūtu ar nulles vērtību. Izmantojot šo papildinājumu, attēlu ar saitēm HTML kods var izskatīties šādi: Varat arī izmantot stila atribūtus - šīs opcijas ir līdzvērtīgas. Izmantojot stila atribūtu un tajā norādīto nulles robežas vērtību, tas pats kods izskatīsies šādi: Izmantojot stila atribūtu, nulles vērtību (0px) var aizstāt ar tekstu "none" (bez pēdiņām).
2. solis
Ja vēlaties novērst rāmja parādīšanos pilnīgi visiem attēliem ar saitēm, kas ievietotas lapā, tad to ir vieglāk izdarīt vienā vietā HTML kodā. Lai to izdarītu, lapas stilu apraksts ar visām saitēm kopēju likumu jāievieto dokumenta virsraksta daļā (starp un tagiem). Jūs varat rakstīt šo kārtulu šādi: img {border: none;} Tas jāievieto tagā, kas pārlūkam paziņo, ka CSS šeit ir stilu apraksts:
a img {apmale: nav;}
3. solis
Ja lapā izmantojat JavaScript skriptus, kas veic jebkādas darbības, noklikšķinot uz teksta saites, nepārslēdzoties uz citu lapu, pēc noklikšķināšanas dažās pārlūkprogrammās un ap teksta saiti paliek līdzīgs punktots rāmis. Lai novērstu šīs neautorizētās izmaiņas dizainā, CSS stila apraksta blokam pievienojiet atbilstošu kārtulu teksta saitēm:
a {kontūra: nav;}
