Hazır bir CSS Template veya WordPress Teması indirdiniz. Ve bu temada içerik sola veya sağ tarafa dayalı. Oysa ki siz site içeriğinin tam ortada olmasını istiyorsunuz. İşte hemen burada CSS kodları yardımımıza koşuyor.

Yazının devamında CSS'de içerik ortalama kodlarını ve bunlarla sayfayı nasıl ortalayacağımızı göstereceğim.


Aşağıdaki kodu kendi CSS(Stil) dosyamıza koyuyoruz. Bu style.css, main.css, stil.css gibi isimlerle adlandırılmış olabilir.

DÜZ YAZI
CSS:
  1. #ortalama {
  2. position:absolute;
  3. left: 36%;
  4. text-align: left;
  5. padding: 0px;
  6. overflow: auto;
  7. }

Bu CSS style kodlarımızı dosyamıza ekledikten sonra sıra geldi kullanımına. Kullandığımız template'de <body>'den sonra <div id="ortalama"> ve en sonda </body> tag'inin bir üst satırında da kullandığımız div'i kapatıyoruz: </div>.

Örnek kullanım şekli;

DÜZ YAZI
HTML:
  1. <div id="ortalama"> İçerik buralarda bir yerlerde</div>

Yukarıda CSS dosyasında verdiğim koddaki "left: 36%;" değerini değiştirerek sayfanıza göre ayarlayabilirsiniz.

Bu Yazıyı Paylaşın

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Toplam 1 oy, ortalama: 5' de 5)
Loading ... Loading ...