Nwlapcug.com


Codice HTML per interrompere un'intestazione da ripetere

Perché l'immagine dell'intestazione è uno dei primi elementi che i visitatori vedono, si desidera garantire che abbia l'aspetto desiderato. Un'immagine ripetuta nell'intestazione non è solo un pugno nell'occhio, ma può essere un problema che solo alcuni utenti esperienza, a seconda delle impostazioni del computer. Si consiglia di codice il tuo sito Web in modo che l'intestazione non si ripete prima che diventi un problema.

Intestazioni

Molti siti Web, soprattutto Blog, incorporare un'immagine di intestazione. Questa immagine serve come un punto focale, spesso descrivendo il titolo e la funzione o il tagline del sito Web. Colori nell'intestazione impostare lo schema per il resto del sito. Immagini di intestazione possono anche includere porzioni cliccabili, note come mappe di immagine. In genere, l'immagine dell'intestazione è significato per visualizzare una sola volta, anziché ripetere orizzontalmente o verticalmente. Se le immagini si ripete, il tuo sito Web può sembrare sciatta e confusa per i tuoi visitatori.

Ripetizione di intestazioni

Immagini ripeterà in intestazioni..--e altri elementi HTML..--Se si utilizza CSS per impostare l'immagine come sfondo e l'immagine stessa non è come larghezza o in altezza come elemento che lo contiene. Frequentemente, è possibile farlo utilizzando un div come intestazione, in quanto questo oggetto è rettangolare. Si può effettuare questa operazione utilizzando codice simile al seguente:

< div style = "background-image: url("header.jpg");" >< / div >

Risoluzione

È possibile aggiungere un po ' semplice di CSS al markup per fermare le immagini di sfondo da ripetere in qualsiasi elemento. Se è stato specificato l'immagine di sfondo in un div, è possibile fermare l'immagine da ripetere in orizzontale, lungo il X-accesso o verticalmente, lungo il Y-accesso. Nell'esempio seguente, l'immagine non ripeterà lungo l'accesso:
< div style = "immagini di sfondo: url("header.jpg"); background-repeat: no-repeat; " >< / div >

È inoltre possibile bloccare ripetendo un solo accesso a:
< div style = "background-image: url("header.jpg"); background-repeat: repeat-y; " >< / div >

Avviso

È possibile non notare se l'intestazione è ripetuta se si sta utilizzando una larghezza variabile-- in termini percentuali, per esempio - larghezza per l'intestazione. Ciò può causare l'intestazione apparire più grandi in varie risoluzioni. È possibile modificare la risoluzione del monitor per verificare che questo non è il caso o utilizzare un servizio come BrowserShots.org per richiedere gli screenshot del tuo sito Web o blog in più browser e risoluzioni.