İletişimde Kalın

Sitede Arama Yap

Çözüm

HTML Dikey Yazı ve Resim Ortalama Nasıl Yapılır?

Okuma süresi: < 1 dakika

İnternet sayfası hazırlarken resimleri ve içerikleri dikey olarak ortalamak biraz sıkıntı çıkartabiliyor. Oluşturmuş olduğunuz içeriği yardımcı eklentiler ile kolaylıkla yatay olarak sayfanın ortasına hizalayabilirsiniz ancak içeriği ve resimleri dikey ortalamak için genellikle kod yazmanız gerekmektedir. İnternette biraz araştırma yaptıktan sonra HTML kodları ile resim ve yazıları dikey ortalama işlemini bulabilirsiniz ancak bu biraz uzun sürebilir. HTML sayfaları nasıl ortalanır?

HTML resim ve yazıları dikey olarak ortalama nasıl yapılır?

HTML kodları ile yazıları ve resimleri dikey ortalamak için gereken doğru kodları bu yazımızda size sunarak zamandan tasarruf etmenizi amaçlıyoruz. Aşağıdaki kodları dikey olarak ortalamak istediğiniz içeriğin sayfa yapısında kullanın ve daha sonra İçerik Buraya Gelecek kısmına resim yada içerik ekleyin. Eklemiş olduğunuz içerik sayfada hem yatay hemde dikey olarak hizalanacaktır.

<!DOCTYPE>
<html>
<head>
<title>Teknobur</title>
<meta charset=”utf-8″ />
<style type=”text/css”>
.box {
width: 100%;
height: 100%;
display: table
}
.box p {
display: table-cell;
vertical-align: middle;
text-align: center
}
</style>
</head>
<body>

Advertisement. Scroll to continue reading.

<div class=”box”>
<p>
İçerik Buraya Gelecek
</p>
</div>

</body>
</html>

 

Kodları doğru olarak kullandığınızda internet sitenizde istediğiniz bölüm dikey olarak ortalanacaktır.

Advertisement. Scroll to continue reading.

Yorum yapmak için tıklayın

Leave a Reply

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İlgili Yazılar