Hvordan at slippe af med den hvide stribe øverst på min webside

July 7

Når du opretter en webside, er det vigtigt, at sidelayoutet overholder godt design principper. Er nødvendigt at sikre, at det hvide område af websiden korrekt balancerer med de andre elementer, hvis designet er ikke at se alt for overfyldt eller tom. Sommetider designere vil finde en uforklarlig hvid stribe langs toppen af deres nye webside, som skubber vigtige visuelle elementer ned "under skillelinjen". Du kan nemt fjerne denne overflødige blanktegn.

Vejledning

• Åbn den webside, du opretter i Notepad (eller din tekst editor valg).

• Find den <Body> tag. Tryk på "Ctrl + F" og indsætte i "<Body" til hurtigt at finde dette tag.

• Skift <body> til <Krop TopMargin = "0">. Den TopMargin attribut er forældet i senere versioner af HTML, men stadig kan tilbyde en satisfyingly hurtigt resultat, hvor udseende er vigtigere end strenge kodning.

• Gem og gennemgå din webside i din browser. Du kan trykke på "Ctrl + F5" for at tvinge din browser for at opdatere siden. Hvis den hvide plads i toppen af websiden fortsætter, bliver du nødt til at foretage nogle ændringer.

• Åbn den webside igen, og se om der er et par <style> tags i mellem <head> tags. Søg efter "margin-top" og "margin". Du kan også ønske at søge efter "padding-top" og "padding".

• Skift eventuelle referencer til "margin-top: X" hvor X er et tal i "margin-top: 0;"

• Skift eventuelle referencer til "margin: X" hvor X er et tal i "margin: 0;"

• Gentag for "padding-top" og "padding".

• Gem og gennemgå din webside i din browser. Hvis den hvide plads i toppen af websiden fortsætter, skal du tjekke din CSS-fil.

• Brug Notesblok til at åbne CSS-fil tilknyttet din webside (hvis der er en).

• Søg efter "margin-top" og "margin". Søg efter "padding-top" og "padding". Hvis du finder dem, redigere dem som ovenfor. Gem CSS og se din webside.