Hvordan Fjerne En Lenkeramme

Innholdsfortegnelse:

Hvordan Fjerne En Lenkeramme
Hvordan Fjerne En Lenkeramme

Video: Hvordan Fjerne En Lenkeramme

Video: Hvordan Fjerne En Lenkeramme
Video: Hvordan fjerne tapet [maleren viser hvordan papirtapet fjernes fra en gipsplatevegg] 2024, Kan
Anonim

Hvis du bygger nettsteder, bør du absolutt ta hensyn til innstillingene for visning av sider i nettleserne til besøkende. Spesielt er bilder plassert i koblingstagger skissert av nettlesere med en blå ettpunkts (piksel) bred kant som standard. Dette bør tas i betraktning både når du angir størrelsen på sideelementene og når du bestemmer fargedesignet. Det er en alternativ løsning på problemet - å bruke HTML og CSS til å tvinge nettlesere til ikke å vise rammen.

Hvordan fjerne en lenkeramme
Hvordan fjerne en lenkeramme

Bruksanvisning

Trinn 1

Hvis det for din versjon av sidedesignet vil være nok å fjerne grensen fra ett bestemt bilde med en lenke eller bare noen få, så vil det være nok å legge til grenseattributtet med en nullverdi i kodene. Med dette tillegget kan HTML-koden til bilder med lenker se slik ut: Du kan også bruke stilattributtene - disse alternativene er likeverdige. Med stilattributtet og en nullkantverdi spesifisert i den, vil den samme koden se slik ut: Når du bruker stilattributtet, kan nullverdien (0px) erstattes med teksten "ingen" (uten anførselstegn).

Steg 2

Hvis du vil forhindre at det vises en ramme for absolutt alle bilder med lenker plassert på siden, er det lettere å gjøre dette på ett sted i HTML-koden. For å gjøre dette, bør en beskrivelse av sidestiler med en felles regel for alle lenker plasseres i overskriftsdelen av dokumentet (mellom kodene og). Du kan skrive denne regelen slik: en img {border: none;} Den skal plasseres inne i en tag som forteller nettleseren at det er en beskrivelse av stiler i CSS her:

a img {border: none;}

Trinn 3

Hvis du bruker JavaScript-skript på en side som utfører handlinger når du klikker på en tekstlenke uten å bytte til en annen side, blir det igjen etter å ha klikket i noen nettlesere og rundt tekstlenken. For å forhindre denne uautoriserte endringen av designet ditt, legg til en passende regel for tekstlenker til CSS-stilbeskrivelsesblokken:

a {disposisjon: ingen;}

Anbefalt: