Si esteu creant llocs web, heu de tenir en compte definitivament la configuració per mostrar pàgines als navegadors dels visitants. En particular, les imatges col·locades dins de les etiquetes d’enllaç són definides pels navegadors amb una vora blava d’un punt (píxel) d’amplada per defecte. Això s’ha de tenir en compte tant a l’hora d’establir la mida dels elements de la pàgina com a l’hora de determinar el disseny del color. Hi ha una solució alternativa al problema: fer servir HTML i CSS per obligar els navegadors a no mostrar el marc.
Instruccions
Pas 1
Si per a la vostra versió del disseny de la pàgina n’hi haurà prou amb eliminar la vora d’una imatge específica amb un enllaç o només unes quantes, n’hi haurà prou amb afegir l’atribut de vora amb un valor zero a les seves etiquetes. Amb aquesta addició, el codi HTML de les imatges amb enllaços pot tenir aquest aspecte: també podeu utilitzar els atributs d’estil: aquestes opcions són equivalents. Amb l'atribut style i un valor de vora zero especificat, el mateix codi tindria el següent aspecte: Quan s'utilitza l'atribut style, el valor zero (0px) es pot substituir pel text "none" (sense cometes).
Pas 2
Si voleu evitar l'aparició d'un marc per a totes les imatges amb enllaços a la pàgina, és més fàcil fer-ho en un sol lloc del codi HTML. Per fer-ho, s'hauria de col·locar a la part de capçalera del document (entre les etiquetes i) una descripció dels estils de pàgina amb una regla comuna a tots els enllaços. Podeu escriure aquesta regla així: a img {border: none;} S'ha de col·locar dins d'una etiqueta que indiqui al navegador que hi ha una descripció d'estils a CSS aquí:
a img {border: none;}
Pas 3
Si utilitzeu scripts JavaScript en una pàgina que realitzen accions quan feu clic a un enllaç de text sense canviar a una altra pàgina, després de fer clic en alguns navegadors i al voltant de l'enllaç de text, quedarà un marc de punts similar. Per evitar aquest canvi no autoritzat al vostre disseny, afegiu una regla adequada per als enllaços de text al bloc de descripció d'estil CSS:
un {esquema: cap;}
