Aliniați-vă Site-ul La Centru

Cuprins:

Aliniați-vă Site-ul La Centru
Aliniați-vă Site-ul La Centru

Video: Aliniați-vă Site-ul La Centru

Video: Aliniați-vă Site-ul La Centru
Video: Dani Mocanu - Coltul Rosu | Official Video 2024, Noiembrie
Anonim

Când codifică, webmasterul trebuie să depună mult efort pentru ca site-ul să arate la fel de bine la diferite rezoluții ale ecranului. Cea mai bună soluție este centrarea întregului conținut de pe pagină.

Aliniați-vă site-ul la centru
Aliniați-vă site-ul la centru

Instrucțiuni

Pasul 1

Metoda de aliniere centrală depinde de metoda de aspect. Puteți utiliza etichete sau

… Desigur, este mai ușor să înfășurați tot conținutul într-o etichetă, dar este depășit cu mult timp în urmă și nu există nicio garanție că totul va funcționa corect. Cel mai modern mod este utilizarea tehnologiei CSS.

Pasul 2

Eticheta separă o parte a codului într-un singur bloc, permițându-vă să schimbați aspectul conținutului, oferind fragmentului un singur font, culoare, fundal etc. Cu aspectul blocului, tot conținutul etichetei este plasat în etichetă. În setăm alinierea cu atributul align. Va arăta astfel:

Conținutul site-ului

Pasul 3

Centrarea poate fi setată și cu ajutorul instrumentelor CSS. Pentru a face acest lucru, trebuie să creați un fișier separat de foi de stil sau să plasați totul în același fișier HTML, în etichetă. Codul va arăta astfel:

* {margin: 0; umplutură: 0;}

corp {

text-align: centru;

}

div {

lățime: 700px;

marja: 0 auto;

}

Pasul 4

În aspectul tabelelor, centrarea este setată folosind tabele din etichetă

… Codul va fi astfel: <site table

… Tabelul va fi situat în centrul paginii, respectiv, și conținutul acestuia va fi, de asemenea. De asemenea, puteți seta lățimea oricărui bloc specificându-l folosind parametrul de lățime.

Pasul 5

Atunci când alegeți o lățime a paginii, rețineți că rezoluțiile ecranului utilizatorilor pot fi foarte diferite de ale dvs. Uneori, pentru a nu vă înșela cu dimensiunea, ar trebui să setați totul ca procent. Acest lucru este util mai ales dacă aveți un site simplu.

Pasul 6

Indiferent de metoda pe care o utilizați, asigurați-vă că site-ul dvs. funcționează corect în toate browserele. Dacă dintr-un anumit motiv este afișat incorect într-unul dintre ele - indicați acest lucru.

Recomandat: