Se stai costruendo siti web, dovresti assolutamente prendere in considerazione le impostazioni per la visualizzazione delle pagine nei browser dei visitatori. In particolare, le immagini posizionate all'interno dei tag di collegamento sono delineate dai browser con un bordo blu di un punto (pixel) per impostazione predefinita. Questo dovrebbe essere preso in considerazione sia quando si imposta la dimensione degli elementi della pagina sia quando si determina il loro design del colore. Esiste una soluzione alternativa al problema: utilizzare HTML e CSS per forzare i browser a non visualizzare il frame.
Istruzioni
Passo 1
Se per la tua versione del design della pagina sarà sufficiente rimuovere il bordo da un'immagine specifica con un collegamento o solo alcuni, allora sarà sufficiente aggiungere l'attributo del bordo con un valore zero ai loro tag. Con questa aggiunta, il codice HTML delle immagini con collegamenti potrebbe avere questo aspetto: Puoi anche utilizzare gli attributi di stile: queste opzioni sono equivalenti. Con l'attributo style e un valore di bordo zero specificato in esso, lo stesso codice sarebbe simile a questo: Quando si utilizza l'attributo style, il valore zero (0px) può essere sostituito con il testo "none" (senza virgolette).
Passo 2
Se si desidera impedire la comparsa di una cornice per assolutamente tutte le immagini con collegamenti inseriti nella pagina, è più semplice farlo in un punto del codice HTML. Per fare ciò, una descrizione degli stili di pagina con una regola comune a tutti i collegamenti dovrebbe essere inserita nella parte dell'intestazione del documento (tra i tag e). Puoi scrivere questa regola in questo modo: a img {border: none;} Dovrebbe essere inserito all'interno di un tag che dice al browser che c'è una descrizione degli stili in CSS qui:
a img {bordo: nessuno;}
Passaggio 3
Se utilizzi script JavaScript in una pagina che esegue qualsiasi azione quando fai clic su un collegamento di testo senza passare a un'altra pagina, dopo aver fatto clic in alcuni browser e attorno al collegamento di testo, rimane una cornice punteggiata simile. Per impedire questa modifica non autorizzata al tuo design, aggiungi una regola appropriata per i collegamenti di testo al blocco di descrizione dello stile CSS:
a {schema: nessuno;}
