Bir Veb Saytın Mərkəzli Olması

Mündəricat:

Bir Veb Saytın Mərkəzli Olması
Bir Veb Saytın Mərkəzli Olması

Video: Bir Veb Saytın Mərkəzli Olması

Video: Bir Veb Saytın Mərkəzli Olması
Video: 16 ошибок штукатурки стен. 2024, Bilər
Anonim

Bu gün əksər səhifələr təbəqələr (div) istifadə edərək düzəldilir, buna görə saytın brauzer pəncərəsinin mərkəzinə uyğunlaşdırılması problemi səhifənin görünən sahəsinin genişliyini təyin edən təbəqənin mərkəzləşdirilməsi vəzifəsinə qədər azalır. Pəncərənin ortasında yerləşməsi üçün onun ana elementi və ya bu blokun özü üçün uyğun parametrlər təyin etmək lazımdır.

Bir veb saytın mərkəzli olması
Bir veb saytın mərkəzli olması

Vacibdir

HTML və CSS dilləri haqqında əsas biliklər

Təlimat

Addım 1

Yalnız HTML dilinin vasitələrindən istifadə etmək istəyirsinizsə, yerləşdirmək istədiyiniz qatı pəncərənin mərkəzinə, mərkəz etiketinin açılış və bağlanma hissələri arasında yerləşdirin (HyperText Markup Language - "hypertext markup language"). Səhifə hüdudlarını təyin edən təbəqənin ana hissəsinin bu səhifənin gövdəsi olduğunu düşünəcəyik. Bu halda mərkəz etiketini istifadə edən HTML kodunun ən sadə versiyası belə görünə bilər:

Mərkəz səhifəsi

səhifə mətni

Addım 2

Səhifəni mərkəzə hizalamaq üçün CSS (Cascading Style Sheets) istifadə etmək istəyirsinizsə, brauzer pəncərəsinin sərhədlərindən doldurulmanın avtomatik ölçüləndirilməsindən istifadə edin. CSS-də margin ölçüləri margin parametri ilə müəyyən edilir. Əvvəlki nümunədən orta etiketləri silin və səhifə genişliyini təyin edən təbəqənin stil atributuna 0 avtomatik margin parametri əlavə edin:

Mərkəz səhifəsi

səhifə mətni

Addım 3

Əlbətdə ki, üslub tərifi stil atributundan çıxarıla bilər və xarici bir sənəddə və ya sənədin başında (və etiketlər arasında) yerləşdirilə bilər. Bu vəziyyətdə eyni kod belə görünür:

Mərkəz səhifəsi

#pageFrame {

eni: 700px;

hündürlük: 400 piksel;

arxa plan: # 0BB;

margin: 0 avtomatik;

}

səhifə mətni

Tövsiyə: