Ret Dit Websted Til Centrum

Indholdsfortegnelse:

Ret Dit Websted Til Centrum
Ret Dit Websted Til Centrum

Video: Ret Dit Websted Til Centrum

Video: Ret Dit Websted Til Centrum
Video: Clash-A-Rama: Archer Departure (Season Finale) Clash of Clans 2024, Kan
Anonim

Ved kodning skal webmasteren gøre en stor indsats for at få webstedet til at se lige så godt ud med forskellige skærmopløsninger. Den bedste løsning er at centrere alt indhold på siden.

Ret dit websted til centrum
Ret dit websted til centrum

Instruktioner

Trin 1

Centerjusteringsmetoden afhænger af layoutmetoden. Du kan bruge tags eller

… Selvfølgelig er det lettere at pakke alt indholdet i et tag, men det er forældet for længe siden, og der er ingen garanti for, at alt fungerer korrekt. Den mest moderne måde er at bruge CSS-teknologi.

Trin 2

Tagget adskiller en del af koden i en blok, så du kan ændre udseendet på indholdet og give fragmentet en skrifttype, farve, baggrund osv. Med bloklayout placeres hele indholdet af tagget i tagget. I indstiller vi justeringen med attributten align. Det vil se sådan ud:

Webstedsindhold

Trin 3

Centrering kan også indstilles ved hjælp af CSS-værktøjer. For at gøre dette skal du oprette en separat fil med typografiark eller placere alt i den samme HTML-fil i koden. Koden vil se sådan ud:

* {margin: 0; polstring: 0;}

krop {

tekstjustering: center;

}

div {

bredde: 700 px;

margen: 0 auto;

}

Trin 4

I tabellayout indstilles centrering ved hjælp af tabeller i tagget

… Koden vil være sådan: <sitetabel

… Tabellen vil være placeret henholdsvis i midten af siden, og dens indhold vil også være. Du kan også indstille bredden på en hvilken som helst blok ved at angive den ved hjælp af parameteren bredde.

Trin 5

Når du vælger en sidebredde, skal du huske på, at brugernes skærmopløsninger kan være meget forskellige fra din. Nogle gange, for ikke at forveksle med størrelsen, skal du indstille alt som en procentdel. Dette er især nyttigt, hvis du har et simpelt websted.

Trin 6

Uanset hvilken metode du bruger, skal du sørge for, at dit websted fungerer korrekt i alle browsere. Hvis det af en eller anden grund vises forkert i en af dem - angiv dette.

Anbefalede: