Sitenizi Merkeze Hizalayın

İçindekiler:

Sitenizi Merkeze Hizalayın
Sitenizi Merkeze Hizalayın

Video: Sitenizi Merkeze Hizalayın

Video: Sitenizi Merkeze Hizalayın
Video: 7 çakranızı temizleyin, hizalayın, dengeye getirin 2024, Mayıs
Anonim

Kod yazarken, web yöneticisinin sitenin farklı ekran çözünürlüklerinde eşit derecede iyi görünmesi için çok çaba sarf etmesi gerekir. En iyi çözüm, tüm içeriği sayfada ortalamaktır.

Sitenizi merkeze hizalayın
Sitenizi merkeze hizalayın

Talimatlar

Aşama 1

Merkez hizalama yöntemi, yerleşim yöntemine bağlıdır. Etiketleri kullanabilir veya

… Tabii ki, tüm içeriği bir etikete sarmak daha kolaydır, ancak uzun zaman önce modası geçmiştir ve her şeyin doğru çalışacağının garantisi yoktur. En modern yol CSS teknolojisini kullanmaktır.

Adım 2

Etiket, kodun bir bölümünü tek bir bloğa ayırarak içeriğin görünümünü değiştirmenize izin vererek parçaya bir yazı tipi, renk, arka plan vb. verir. Blok düzeni ile etiketin tüm içeriği etiketin içine yerleştirilir. align niteliği ile hizalamayı ayarlıyoruz. Bunun gibi görünecek:

site içeriği

Aşama 3

Merkezleme, CSS araçları kullanılarak da ayarlanabilir. Bunu yapmak için, ayrı bir stil sayfası dosyası oluşturmanız veya her şeyi aynı HTML dosyasına, etikete yerleştirmeniz gerekir. Kod şöyle görünecek:

* {kenar boşluğu: 0; dolgu: 0;}

vücut {

metin hizalama: merkez;

}

bölme {

genişlik: 700 piksel;

kenar boşluğu: 0 otomatik;

}

4. Adım

Tablo düzeninde, ortalama, etiketteki tablolar kullanılarak ayarlanır.

… Kod şöyle olacak: <site tablosu

… Tablo sırasıyla sayfanın ortasında yer alacak ve içeriği de olacaktır. Ayrıca genişlik parametresini kullanarak herhangi bir bloğun genişliğini belirleyebilirsiniz.

Adım 5

Bir sayfa genişliği seçerken, kullanıcıların ekran çözünürlüklerinin sizinkinden çok farklı olabileceğini unutmayın. Bazen boyutla yanılmamak için her şeyi yüzde olarak ayarlamanız gerekir. Bu, özellikle basit bir siteniz varsa kullanışlıdır.

6. Adım

Hangi yöntemi kullanırsanız kullanın, sitenizin tüm tarayıcılarda düzgün çalıştığından emin olun. Herhangi bir nedenle bunlardan birinde yanlış görüntüleniyorsa - bunu belirtin.

Önerilen: