Når du plasserer et bilde inne i koblingstaggen (mellom og), tegner den besøkendes nettleser som standard en blå pixel-bred kant rundt bildet. I tillegg til at nettleseren vilkårlig øker størrelsen på dette designelementet på siden din med to piksler vertikalt og to piksler horisontalt, kan det hende at den blå fargen ikke samsvarer med fargeskjemaet for sideutformingen.
Bruksanvisning
Trinn 1
Hvis du trenger å fjerne rammen fra ett eller flere lenkebilder, kan du gjøre dette ved å legge til et rammeattributt med nullverdi i merkelappen til hvert av bildene du trenger. For eksempel: Den samme effekten kan oppnås ved å bruke stilattributtet ved å plassere den samme rammen med en nullverdi i: Nullverdien (0px) i denne varianten kan erstattes med verdien "ingen" (uten anførselstegn).
Steg 2
Hvis du trenger å løse dette problemet radikalt, det vil si for alle bilder med lenker i hele dokumentet, er det bedre å gjøre det annerledes. Det er ikke nødvendig å legge til tilsvarende attributt til taggen til hvert bilde separat, det er lettere å skrive ned regelen som er felles for alle i stilbeskrivelsen i begynnelsen av dokumentet. Denne CSS-regelen vil se slik ut: en bilde {border: none;} Den skal plasseres i stilbeskrivelsesblokken, og selve blokken skal plasseres før taggen som lukker sidetittelen:
a img {border: none;}
Trinn 3
Ikke bare bilder, men også enkle tekstlenker i noen typer nettlesere har et lignende problem - hvis en besøkende klikker på lenken, vil det være en prikket kant rundt den. For å lagre siden din fra denne designfeilen, legg til følgende lenkeregel i stilbeskrivelsene:
en bilde {disposisjon: ingen;}
