Hvis du bygger websteder, skal du helt sikkert tage højde for indstillingerne for visning af sider i de besøgende. Især billeder, der er placeret inde i link-tags, skitseres af browsere med en blå kant (pixel) bred kant som standard. Dette skal tages i betragtning både når du indstiller størrelsen på sideelementer og når du bestemmer deres farvedesign. Der er en alternativ løsning på problemet - ved hjælp af HTML og CSS til at tvinge browsere til ikke at vise rammen.
Instruktioner
Trin 1
Hvis det for din version af sidedesignet er tilstrækkeligt at fjerne grænsen fra et bestemt billede med et link eller blot et par, så er det nok at tilføje grænseattributten med en nulværdi til deres tags. Med denne tilføjelse kan HTML-koden for billeder med links se sådan ud: Du kan også bruge stilattributterne - disse indstillinger er ækvivalente. Med stilattributten og en nulgrænseværdi, der er angivet i den, vil den samme kode se sådan ud: Når du bruger typeattributten, kan nulværdien (0px) erstattes med teksten "ingen" (uden anførselstegn).
Trin 2
Hvis du vil forhindre, at der vises en ramme for absolut alle billeder med links placeret på siden, er det lettere at gøre dette ét sted i HTML-koden. For at gøre dette skal en beskrivelse af sidestilarter med en regel, der er fælles for alle links, placeres i overskriftsdelen af dokumentet (mellem tags og). Du kan skrive denne regel sådan: en img {border: none;} Den skal placeres inde i et tag, der fortæller browseren, at der er en beskrivelse af typografier i CSS her:
a img {border: none;}
Trin 3
Hvis du bruger JavaScript-scripts på en side, der udfører handlinger, når du klikker på et tekstlink uden at skifte til en anden side, forbliver en lignende stiplet ramme efter at have klikket i nogle browsere og omkring tekstlinket. For at forhindre denne uautoriserede ændring af dit design skal du tilføje en passende regel for tekstlinks til CSS-stilbeskrivelsesblokken:
a {skitse: ingen;}
