Div içindeki metni ortalama

15.04.2017 16:51

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

Merhabalar.

Bir div oluşturup bu div'e bir arkaplan verdim.

Div içine de bir metin yazdım ancak bu metni yatay ortalayabilmeme rağmen dikey olarak ortalayamıyorum.



metin metin metin

Bunu nasıl başarabilirim?

Ayrıca şöyle de bir şey düşünüyorum ek olarak.

Bu div tıklanabilir olacak. Yani arkaplan görseliyle birlikte. Zaten div belirli bir boyuta sahip olduğundan div'e URL verince resme vermiş gibi olacak.

Ama içindeki metin tıklanabilir olmayacak. Bunu nasıl yapabiliriz?

15.04.2017 17:06

#2

Mertcan Hayat kısa, kuşlar uçuyor Kullanıcı

Üyelik 05.02.2012
Yaş/Cinsiyet 29 / E
Meslek Yatırım
Konum Antalya

Ad Soyad M** K**
Mesajlar 5426
Beğeniler 39 / 1529
Ticaret 38, (%100)

vertical-align: middle;

Bunu deneyebilir misin?

Tomurcuk derdinde olmayan ağaç, odundur.

15.04.2017 18:08

#3

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

Mertcan onu denedim hocam işe yaramadı.

15.04.2017 18:12

#4

gr3g0r Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 16.03.2016
Yaş/Cinsiyet 28 / E
Meslek
Konum Kocaeli

Ad Soyad O** Ç**
Mesajlar 421
Beğeniler 44 / 75
Ticaret 0, (%0)

metin metin metin

16.04.2017 00:50

#5

balporsugu WM Aracı Kullanıcı

Üyelik 26.08.2014
Yaş/Cinsiyet 38 / E
Meslek Bilgisayar Mühendisi
Konum Ankara

Ad Soyad E** E**
Mesajlar 510
Beğeniler 85 / 84
Ticaret 3, (%67)

line-height:100px gibi bir değer ver.ya o şekilde yada a tagine margin-top vericeksiniz.

1 kişi bu mesajı beğendi.

16.04.2017 13:58

#6

ResitCicek chilicodes.com Kullanıcı

Üyelik 13.08.2013
Yaş/Cinsiyet 28 / E
Meslek Editör
Konum Hatay

Ad Soyad R** Ç**
Mesajlar 1310
Beğeniler 139 / 307
Ticaret 18, (%100)

margin-top: 30% gibi değerler kullanabilirsin

1 kişi bu mesajı beğendi.

16.04.2017 16:09

#7

FurkanKandemir WM Aracı Kullanıcı

Üyelik 25.05.2015
Yaş/Cinsiyet 32 / E
Meslek Web Yazılım Uzmanı
Konum İstanbul Anadolu

Ad Soyad F** K**
Mesajlar 833
Beğeniler 0 / 287
Ticaret 13, (%100)

Aşağıdaki örnek size yol gösterecektir.
Border ve height'ler temsilidir. Maksat gözünüzle iyice görüp mantığı kavrayın diye.
İyi çalışmalar.







Dikey Ortalama



  
    
    Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli 'buraya metin gelecek, buraya metin gelecek' yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır.

1 kişi bu mesajı beğendi.

16.04.2017 18:20

#8

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

Teşekkürler arkadaşlar. padding-top uygulayarak göz kararı ortaladım.

17.04.2017 14:30

#9

mtnglbnzr Bilgisayar Programcısı Kullanıcı

Üyelik 31.01.2015
Yaş/Cinsiyet 28 / E
Meslek Mücadele
Konum Kahramanmaraş

Ad Soyad M** G**
Mesajlar 203
Beğeniler 28 / 29
Ticaret 22, (%100)

style="
display: flex;
align-items: center;
font-size: 24px;
font-family: 'Source Sans Pro', sans-serif;
height: 150px;
background-image: url('asd.jpg');
background-position: center center;
background-repeat: no-repeat;">

metin metin metin

Buyur kardeşim :)

Ayrıca hem alt-üst hemde sağ-sol ortalama gerekirse stilin içerisine aşağıdaki kodu ekleyebilirsin.

"justify-content: center;"

17.04.2017 17:09

#10

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

mtnglbnzr Hocam bu sefer de dikey ortalanıyor ama yatay olmuyor.

text-align: center verince metin kendi içinde ortalanmış ama genelinde sola yaşlanmış oluyor.

Ekran görüntüsü:

(Ekran görüntüsü text align center vermeden öncesine ait)

Div içindeki metni ortalama

Üye Girişi Yap