lostyazilim
tr.link

İmg'yi divde dikey ortalama

26 Mesajlar 3.907 Okunma
lstbozum
tr.link

FurkanHisamioglu FurkanHisamioglu Arayüz Çizeri Kullanıcı
  • Üyelik 05.01.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad F** H**
  • Mesajlar 1763
  • Beğeniler 214 / 508
  • Ticaret 11, (%100)



Furkanblog logosunu nasıl header div'imde dikey ortalayabilirim?

Ek Olarak: padding kullanarak hallettim ama başka yolu varsa yardımcı olur musunuz yine :)?
 

 

.
wmaraci
reklam

65116 65116 WM Aracı Anonim Üyelik
  • Üyelik 20.06.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 632
  • Beğeniler 0 / 196
  • Ticaret 9, (%89)
marcelino merhaba.

css de header divinin altına,



.header img {
display: block;
margin: 0 auto;
}





kodunu ekleyip gözlemlermisin?
 

 

FurkanHisamioglu FurkanHisamioglu Arayüz Çizeri Kullanıcı
  • Üyelik 05.01.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad F** H**
  • Mesajlar 1763
  • Beğeniler 214 / 508
  • Ticaret 11, (%100)
AydinHosting



böyle bir sonuç alıyorum
 

 

.

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 561
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)

AydinHosting adlı üyeden alıntı

marcelino merhaba.

css de header divinin altına,



.header img {
display: block;
margin: 0 auto;
}





kodunu ekleyip gözlemlermisin?


arkadaş üstten ve alttan değil yandan ortalamış.

test etmedim ama logonun bulunduğu divin yüksekliği 100px diye düşünürsek eğer.

#logo {
height:100px;
line-height:100px;
display: block;
}


bu şekilde çalışmaz ise senin kullandığın yöntem geçerlidir.

iyi forumlar :)
 

 

wmaraci
wmaraci

FurkanHisamioglu FurkanHisamioglu Arayüz Çizeri Kullanıcı
  • Üyelik 05.01.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad F** H**
  • Mesajlar 1763
  • Beğeniler 214 / 508
  • Ticaret 11, (%100)
HapyMan olmadı hocam :).
 

 

.

65116 65116 WM Aracı Anonim Üyelik
  • Üyelik 20.06.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 632
  • Beğeniler 0 / 196
  • Ticaret 9, (%89)
marcelino düzenlemeden vermişim pardon,



.header img {
display: block;
margin: 50px 0;
}


burada 50px i istedigin derecede ayarlayabilirsin....


 

 

FurkanHisamioglu FurkanHisamioglu Arayüz Çizeri Kullanıcı
  • Üyelik 05.01.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad F** H**
  • Mesajlar 1763
  • Beğeniler 214 / 508
  • Ticaret 11, (%100)
AydinHosting

 

 

.

65116 65116 WM Aracı Anonim Üyelik
  • Üyelik 20.06.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 632
  • Beğeniler 0 / 196
  • Ticaret 9, (%89)
marcelino kodun bütününü görmek gerekli olduğu belli kardeşim bide bunu denermisin


.header img {

margin-top: 60px;

}

 

 

FurkanHisamioglu FurkanHisamioglu Arayüz Çizeri Kullanıcı
  • Üyelik 05.01.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad F** H**
  • Mesajlar 1763
  • Beğeniler 214 / 508
  • Ticaret 11, (%100)
AydinHosting divin dışına çıkıyor hocam
 

 

.

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
.kapsul{position:relative;width:100%;height:300px;}
.resim{position:absolute;width:200px;height:100px;left:10px;top:150px;margin-top:-50px;}


Top değeri kapsulünyarısı kadar olsun. Margin-top ise resim yüksekliğinin yarısı kadar olsun.

O zaman istediğini elde edersin.
 

 

www.ontedi.com
www.cizgi.site
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al