HTML-kode for å stoppe en heading fra Repetere

Fordi header image er en av de første elementene som de besøkende ser, vil du sørge for at det ser ut slik du har tenkt. En gjenta bilde i hodet er ikke bare et stygt, men kan være et problem at bare noen brukere opplever, avhengig av datamaskinens innstillinger. Det er best å kode nettstedet ditt slik at overskriften ikke gjenta før det blir et problem.

overskrifter

Mange nettsteder, spesielt blogger, innlemme en header image. Dette bildet fungerer som et samlingspunkt, ofte beskriver tittel og funksjon eller slagord på nettsiden. Farger i overskriften satt ordningen for resten av nettstedet. Header bilder kan også inkludere klikkbare deler, kjent som bildekart. Vanligvis er spissen bilde ment for å vise en gang, i stedet for å gjenta horisontalt eller vertikalt. Hvis bildene dine gjentar, kan nettstedet ditt ser slurvet og forvirrende for de besøkende.

gjenta topper

Bilder vil gjenta i dine overskrifter - og andre HTML-elementer - hvis du bruker CSS til å bruke bildet som bakgrunn og selve bildet er ikke så bredt eller høyt som inneholder element. Ofte kan du oppnå dette ved å bruke en div som header fordi dette objektet er rektangulær. Du kan oppnå dette ved å bruke kode som ligner på følgende:

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

oppløsning

Du kan legge til en enkel bit av CSS til markeringen for å stoppe bakgrunnsbilder fra å gjenta i noe element. Hvis du har angitt bakgrunnsbilde i en div, kan du velge å stoppe bildet fra å gjenta horisontalt langs X-tilgang, eller vertikalt langs Y-tilgang. I følgende eksempel, vil bildet ikke gjenta sammen enten tilgang:
<Div style = "background-bilder: url (" header.jpg "); background-repeat: no-repeat;"> </ div>

Du kan også blokkere gjenta fra bare ett tilgangs:
<Div style = "background-image: url (" header.jpg "); background-repeat: repeat-y;"> </ div>

Advarsel

Du kan ikke merke hvis hodet er å gjenta hvis du bruker en variabel bredde - i prosenter, for eksempel - bredde for spissen. Dette kan føre til at overskriften for å se større ut i forskjellige oppløsninger. Du kan endre oppløsningen på skjermen for å sjekke at dette ikke er tilfellet, eller bruke en tjeneste som BrowserShots.org å be skjermbilder av din nettside eller blogg i flere nettlesere og oppløsninger.