Quan col·loqueu una imatge dins de l’etiqueta d’enllaç (entre i), el navegador del visitant dibuixa per defecte una vora blava d’un píxel d’amplada al voltant de la imatge. A més del fet que l’arbitrarietat del navegador augmenta la mida d’aquest element de disseny de la pàgina en dos píxels verticalment i dos píxels en horitzontal, és possible que el color blau no coincideixi amb l’esquema de colors del disseny de la pàgina.
Instruccions
Pas 1
Si heu d’eliminar la vora d’una o més imatges d’enllaç, podeu fer-ho afegint un atribut de vora amb un valor zero a l’etiqueta de cadascuna de les imatges que necessiteu. Per exemple: Es pot aconseguir el mateix efecte mitjançant l'atribut style col·locant el mateix marge amb un valor zero: el valor zero (0px) en aquesta variant es pot substituir pel valor "cap" (sense cometes).
Pas 2
Si heu de resoldre aquest problema radicalment, és a dir, per a totes les imatges amb enllaços a tot el document, és millor fer-ho de manera diferent. No cal afegir l’atribut corresponent a l’etiqueta de cada imatge per separat, és més fàcil escriure la regla comuna a tots a la descripció de l’estil al principi del document. Aquesta regla CSS tindrà el següent aspecte: a img {border: none;} S'ha de col·locar al bloc de descripció d'estil i el bloc en si mateix abans de l'etiqueta que tanca el títol de la pàgina:
a img {border: none;}
Pas 3
No només les imatges, sinó també els enllaços de text senzills d’alguns tipus de navegadors tenen un problema similar: si un visitant fa clic a l’enllaç, quedarà una vora punteada al seu voltant. Per desar la pàgina d’aquest error de disseny, afegiu la següent regla d’enllaç a les descripcions d’estil:
a img {contorn: cap;}
