CSS ile Sayfa İçeriğinizi Ortalayın

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.

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;

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.

You can leave a response, or trackback from your own site. Yorum yapabilirsiniz, veya kendi sitenizden geri izleme yapabilirsiniz.

Bir yorum yazın

Yorum yaparken sadece bu XHTML kodlarını kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Kapat
E-posta ile paylaş