Poravnajte Web Mjesto S Centrom

Sadržaj:

Poravnajte Web Mjesto S Centrom
Poravnajte Web Mjesto S Centrom

Video: Poravnajte Web Mjesto S Centrom

Video: Poravnajte Web Mjesto S Centrom
Video: Роман с детективом. 1-4 серии. Детективный сериал. 2024, Maj
Anonim

Prilikom kodiranja, webmaster mora uložiti puno napora kako bi stranica izgledala podjednako dobro u različitim rezolucijama ekrana. Najbolje rješenje je centrirati sav sadržaj na stranici.

Poravnajte web mjesto s centrom
Poravnajte web mjesto s centrom

Instrukcije

Korak 1

Metoda središnjeg poravnanja ovisi o metodi rasporeda. Možete koristiti oznake ili

… Naravno, lakše je sav sadržaj umotati u oznaku, ali on je odavno zastario i ne postoji garancija da će sve raditi ispravno. Najmoderniji način je korištenje CSS tehnologije.

Korak 2

Oznaka odvaja dio koda u jedan blok, omogućavajući vam promjenu izgleda sadržaja, dajući fragmentu jedan font, boju, pozadinu itd. Sa rasporedom bloka, sav sadržaj oznake stavlja se u oznaku. U postavljamo poravnanje s atributom align. Izgledat će ovako:

Sadržaj stranice

Korak 3

Centriranje se takođe može postaviti pomoću CSS alata. Da biste to učinili, morate stvoriti zasebnu datoteku tabela stilova ili smjestiti sve u istu HTML datoteku, u oznaku. Kod će izgledati ovako:

* {margina: 0; popunjavanje: 0;}

body {

poravnanje teksta: sredina;

}

div {

širina: 700px;

marža: 0 auto;

}

Korak 4

U rasporedu tablice, centriranje se postavlja pomoću tablica u oznaci

… Kôd će biti ovako: <tablica mjesta

… Tabela će se nalaziti u središtu stranice, odnosno njen sadržaj. Također možete postaviti širinu bilo kojeg bloka tako što ćete ga specificirati pomoću parametra širine.

Korak 5

Pri odabiru širine stranice imajte na umu da se korisničke razlučivosti zaslona mogu jako razlikovati od vaših. Ponekad, da ne biste pogriješili s veličinom, sve biste trebali postaviti u procentima. Ovo je posebno korisno ako imate jednostavnu web lokaciju.

Korak 6

Koji god metod da koristite, pobrinite se da vaša web lokacija ispravno radi u svim pregledačima. Ako je iz nekog razloga pogrešno prikazan u jednom od njih - naznačite ovo.

Preporučuje se: