Kai įdėsite vaizdą į nuorodos žymą (tarp ir), lankytojo naršyklė pagal numatytuosius nustatymus piešia vieno taško pločio mėlyną kraštinę aplink vaizdą. Be to, kad naršyklės savavališkumas padidina šio jūsų puslapio dizaino elemento dydį dviem pikseliais vertikaliai ir dviem pikseliais horizontaliai, mėlyna spalva gali neatitikti puslapio dizaino spalvų schemos.
Nurodymai
1 žingsnis
Jei jums reikia pašalinti kraštinę iš vieno ar daugiau nuorodų vaizdų, galite tai padaryti pridėdami krašto atributą su nuline verte prie kiekvieno jums reikalingo paveikslėlio žymos. Pvz.: Tą patį efektą galima pasiekti naudojant stiliaus atributą, dedant tą pačią kraštinę su nuline verte: Šio varianto nulinę vertę (0px) galima pakeisti reikšme „none“(be kabučių).
2 žingsnis
Jei jums reikia radikaliai išspręsti šią problemą, ty visoms nuotraukoms su nuorodomis visame dokumente, geriau tai padaryti kitaip. Prie kiekvieno atvaizdo žymos atskirai nereikia pridėti atitinkamo atributo, dokumento pradžioje stiliaus aprašyme lengviau užrašyti visiems bendrą taisyklę. Ši CSS taisyklė atrodys taip: img {border: none;} Ji turėtų būti dedama į stiliaus aprašymo bloką, o pati blokas turėtų būti dedamas prieš žymę, uždarantį puslapio pavadinimą:
a img {border: none;}
3 žingsnis
Ne tik vaizdai, bet ir paprastos teksto nuorodos kai kurių tipų naršyklėse turi panašią problemą - jei lankytojas spustelės nuorodą, aplink ją liks punktyrinė kraštinė. Norėdami išsaugoti savo puslapį nuo šios dizaino klaidos, prie stiliaus aprašų pridėkite šią nuorodos taisyklę:
a img {kontūras: nėra;}
