Una delle difficoltà che affrontano i webmaster e web designer è che le pagine Web a volte può visualizzare in modo non corretto in alcuni browser Web. Una pagina che carica correttamente in Internet Explorer, ad esempio, potrebbe contenere difetti di progettazione minori i browser Firefox o Chrome. Un problema noto è che Firefox può aggiungere automaticamente gli spazi non necessari, noto come imbottitura, intorno al testo o elementi grafici formattati con l'attributo codice "pulsante" in progetti di siti web CSS. Rimuovi questa imbottitura di default da Firefox con l'aggiunta di un breve frammento di codice di progettazione per il file CSS per il tuo sito.

istruzione

1 Avviare l'applicazione sito web design al solito o semplice software di modifica del testo, come Microsoft Blocco note o WordPad.

2 Fai clic su "File" nel menu di navigazione principale, quindi selezionare "Apri" dal menu a discesa per aprire il file CSS per il tuo sito. Il file ha un'estensione di CSS e di solito trovare accanto alle pagine di contenuto nella cartella principale per il sito.

3 Leggere il file CSS e individuare l'elemento "bottone" con il codice che causa Firefox aggiungere inutili padding di default. La sezione pertinente è di solito etichettato come "pulsante" nel file CSS.

4 Incollare il seguente frammento di codice alla fine del codice del pulsante CSS esistente:

Pulsante :: - moz-focus-interno {

border: 0;

padding: 0;

}

5 Salvare il file CSS e caricarlo sul server del vostro host web. Questo sovrascrive il file CSS esistente con il file CSS modificato. Il nuovo codice CSS rimuove l'imbottitura predefinita quando gli utenti di Firefox visualizzano il tuo sito web.

Consigli e avvertenze

• Controllare sempre le pagine Web in tutti i principali browser per assicurarsi che essi vengono visualizzati correttamente. O si può scaricare il browser gratuitamente, oppure utilizzare la funzione "Browser Anteprima" nel software di progettazione sito web che offre questa funzionalità.