Når du placerer et billede inde i linket (mellem og), tegner den besøgendes browser som standard en blå pixel-bred kant omkring billedet. Ud over det faktum, at browser-vilkårlighed øger størrelsen på dette designelement på din side med to pixels lodret og to pixels vandret, matcher den blå farve muligvis ikke farveskemaet for sidedesignet.
Instruktioner
Trin 1
Hvis du har brug for at fjerne grænsen fra et eller flere linkbilleder, kan du gøre dette ved at tilføje en kantattribut med nulværdi til tagget for hvert af de billeder, du har brug for. For eksempel: Den samme effekt kan opnås ved hjælp af attributten style ved at placere den samme kant med en nulværdi i den: Nulværdien (0px) i denne variant kan erstattes med værdien "ingen" (uden anførselstegn).
Trin 2
Hvis du har brug for at løse dette problem radikalt, det vil sige for alle billeder med links i hele dokumentet, er det bedre at gøre det anderledes. Det er ikke nødvendigt at tilføje den tilsvarende attribut til tagget for hvert billede separat, det er lettere at nedskrive den fælles regel for alle i stilbeskrivelsen i begyndelsen af dokumentet. Denne CSS-regel vil se sådan ud: en img {border: none;} Den skal placeres i stilbeskrivelsesblokken, og selve blokken skal placeres før tagget, der lukker sidetitlen:
a img {border: none;}
Trin 3
Ikke kun billeder, men også enkle tekstlinks i nogle typer browsere har et lignende problem - hvis en besøgende klikker på linket, forbliver en prikket kant omkring den. For at gemme din side fra denne designfejl skal du tilføje følgende linkregel til stilbeskrivelserne:
et billede {skitse: ingen;}
