Om du bygger webbplatser bör du definitivt ta hänsyn till inställningarna för att visa sidor i besökarnas webbläsare. I synnerhet är bilder placerade i länktaggar beskrivna av webbläsare med en blå enpunkts (pixel) bred kant som standard. Detta bör beaktas både när du ställer in sidelementens storlek och när du bestämmer deras färgdesign. Det finns en alternativ lösning på problemet - att använda HTML och CSS för att tvinga webbläsare att inte visa ramen.
Instruktioner
Steg 1
Om det för din version av siddesignen räcker att ta bort gränsen från en specifik bild med en länk eller bara några få, kommer det att räcka att lägga till gränsattributet med ett nollvärde i deras taggar. Med detta tillägg kan HTML-koden för bilder med länkar se ut så här: Du kan också använda stilattributen - dessa alternativ är likvärdiga. Med stilattributet och ett nollgränsvärde som anges i det skulle samma kod se ut så här: När stilattributet används kan nollvärdet (0px) ersättas med texten "ingen" (utan citat).
Steg 2
Om du vill förhindra att en ram visas för absolut alla bilder med länkar placerade på sidan är det lättare att göra detta på ett ställe i HTML-koden. För att göra detta bör en beskrivning av sidstilar med en gemensam regel för alla länkar placeras i rubrikdelen av dokumentet (mellan taggarna och). Du kan skriva denna regel så här: en img {border: none;} Den ska placeras i en tagg som säger till webbläsaren att det finns en beskrivning av stilar i CSS här:
en bild {border: none;}
Steg 3
Om du använder JavaScript-skript på en sida som utför några åtgärder när du klickar på en textlänk utan att byta till en annan sida, kvarstår en liknande prickad ram efter att du klickat i vissa webbläsare och runt textlänken. För att förhindra denna obehöriga ändring av din design, lägg till en lämplig regel för textlänkar till CSS-stilbeskrivningsblocket:
a {disposition: none;}
