Merhaba,
Sitenin üstüne siyah bir bar hazırladım. Bunun içinde arama vb. şeyler var. margin kodu ile yanlış hatırlamıyorsam 3.5px aşağı aldım objeyi ancak tarayıcı ve ekran boyutuna göre ortalama bozulabiliyor. Normalde bu durumlarda % kullanıyorum ama o alana göre % nasıl kullanabilirim? Yani obje 35px'lik siyah barın ortasına gelsin istiyorum.
Not: Ortalama derken genişliğine ortalama değil yüksekliğine ortalama
Objeyi Bir Alanın İçine Ortalama [Yardım] |
5 Mesajlar | 843 Okunma | ||
- Üyelik 31.07.2013
- Yaş/Cinsiyet 24 / E
- Meslek Freelance
- Konum İstanbul Anadolu
- Ad Soyad S** Y**
- Mesajlar 799
- Beğeniler 64 / 241
- Ticaret 42, (%100)
- Üyelik 20.01.2014
- Yaş/Cinsiyet 38 / E
- Meslek Yazılım
- Konum Malatya
- Ad Soyad F** C**
- Mesajlar 99
- Beğeniler 9 / 12
- Ticaret 0, (%0)
şeklinde kullanabilirsin.
margin:50% auto; 
- Üyelik 03.08.2013
- Yaş/Cinsiyet 38 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Avrupa
- Ad Soyad ** **
- Mesajlar 709
- Beğeniler 24 / 190
- Ticaret 19, (%100)
.obje {
width: deger;
height: deger;
position: absolute;
left: 50%;
top: 50%;
margin:-80px 0 0 -150px;
}
- Üyelik 31.07.2013
- Yaş/Cinsiyet 24 / E
- Meslek Freelance
- Konum İstanbul Anadolu
- Ad Soyad S** Y**
- Mesajlar 799
- Beğeniler 64 / 241
- Ticaret 42, (%100)
Tam anlatamadım sanırım zaten söylediğim şey de sanırım mümkün değil yine de teşekkürler.
- Üyelik 28.01.2014
- Yaş/Cinsiyet 33 / E
- Meslek Bilgisayar Mühendisliği
- Konum Ankara
- Ad Soyad Ö** Ü**
- Mesajlar 125
- Beğeniler 7 / 22
- Ticaret 0, (%0)
hocam eğer yanlış anlamadıysam, mantığı şöyledir onun
top: 50%; yaparsın sonra ortalamak istediğin resim, yazı her neyse onun en başını tam ortaya koyar. sen o resimi de ortalamak istediğin için resmin yüksekliğinin yarısı kadar yukarı çekersin. yani bir örnek vermek gerekirse,
elimde height i 100 px olan bir resim var. bunu bi divin yukardan tam ortasına yerleştirmek için,
top:50%;
margin-top:-50px;
bu şekilde, yukardan tam ortada olur.
top: 50%; yaparsın sonra ortalamak istediğin resim, yazı her neyse onun en başını tam ortaya koyar. sen o resimi de ortalamak istediğin için resmin yüksekliğinin yarısı kadar yukarı çekersin. yani bir örnek vermek gerekirse,
elimde height i 100 px olan bir resim var. bunu bi divin yukardan tam ortasına yerleştirmek için,
top:50%;
margin-top:-50px;
bu şekilde, yukardan tam ortada olur.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)