i have a <style>!
Sabit konumlandırdığınız bir nesnenin yatayda ortalanmasını istiyorsanız margin-left:-(nesnenin genişliğinin yarısı) vermeniz yeterlidir.
Örnek 100px genişliğinde bir img var elimizde. O zaman kodumuz aşağıdaki gibi olacaktır.
.img1 {
position: absolute;top: 30px;
left: 50%;
margin-left: -<font color="red">50</font>px;
}
Bu, çok geç kalmış bir yazıdır ama birilerinin çok işine yarayacağını biliyorum:)
2007 yazında Work and Travel (WAT) programıyla Florida, Kissimmee, Old Town eğlence parkında çalıştım. Hayatımda geçirdiğim en eğlenceli tatillerden biriydi. Facebook aracılığıyla bana ulaşan bir arkadaşın sorduğu sorulara verdiğim cevapları toparlayarak yazıyorum.
Sayfanızın içinde bir swf’niz ve içeriği sık sık güncelleniyor. Müşteriniz bakıyor ama değişiklikleri göremiyor. Çünkü cache’ten okuyor.
Bu durumu engellemek için çözüm basit:
'movie', '/swf/banner',</code> olan kodunuzun sonuna o anki tarihi <code>'<%=DateTime.Now.ToString()%>'
ile aşağıdaki gibi yazdırıyorsunuz:
'movie', '/swf/banner'?<%=DateTime.Now.ToString() %>,
Param kısmında da aynı şeyi yazmak gerekiyor:
<param name="movie" value="/swf/banner.swf'?<%=DateTime.Now.ToString() %>
Bunun html çıktısı da şöyle oluyor:
'movie', '/swf/banner?16.02.2010 18:10:29',
Böylece güncellemeleriniz anlık görüntülenebiliyor:)
Devamı »
Yılın ilk derlemesi ile karşınızdayım! Dilerim ki son olmaz:)
İlk defa Natro’nun beceriksizliği işime yaradı, onlar üzerine çalıştığım sitenin problemlerini giderene kadar ben de günün derlemesini hazırlama fırsatım oldu.
Internet Explorer 6 için script kullanmadan max-width Link
CSS3 ve javascriptile 50 kodlama tekniği Link
Web tasarımında matematik Link
Açık kaynaklı e-ticaret siteleri Link
Zaman yönetimi için 8 online araç Link
100 showcase sitesi Link
Yüksek kaliteli 25 ücretsiz font Link
Chrome tarayıcıda, kullandığınız textbox resizable (boyutlandırılabilir) geliyorsa ve bu durum tasarımını bozuyorsa, stil dökümanınızda aşağıdaki tanımlamayı yapmanız bu sorunu çözmede yeterlidir.
textarea { resize: none; }
Bir sene daha bitti. Maddi olarak bir çoğumuz için zorlu bir yıldı, ama bu zorluğu yanısıra bir sürü şey yaşadım. Aklıma gelenleri hemen sıralayım:
- Son günlerde yaşadığım en önemli olay taşınmamdı! Çooooooooooook uzun zamandır isteyip bir türlü yapamadığım şeydi, oldu nihayet.
Devamı »
Küçük ama işinize yarayabilecek bir ipucu:
WordPress’te açık olan kategorinin rengini menüde farklı bir şekilde belirtme ihtiyacı duyduğum bir çalışmada kategorileri sidebar.php’de aşağıdaki gibi yazdırdım.
<ul>
<?php wp_list_categories(); ?>
</ul>
Bu fonksiyonun html çıktısı Devamı »
Google Chrome için uygulanan
body:nth-of-type(1){.header{ padding:6px 8px 10px 0; }}
hackini Firefox 3.5 algıladığından işe yaramıyor. Şu hack işinizi görebilir:
@media screen and (-webkit-min-device-pixel-ratio:0){ .header{ padding:6px 8px 10px 0; } }
Örneğini de buradan inceleyebilirsiniz.
Hayatınızı kolaylaştıracak format dönüştürücüler Link
jQuery’e başlayanlar için güzel tutoriallar Link
<select> içindeki bir sayfanın çıktısını almak (print) Link
Gallery CMS -ücretsiz galeri yönetim sistemi Link
Web slide ile sunumlarınızı internet üzerinden yapabilirsiniz Link
Myfont ile fontlarınıza web tabanlı önizleme yapın Link
Scriptsiz lightbox Link
position absolute yapmak için önce o elementin dışındaki elemeti relative yaptığımızı da unutmayalım.
Önemli bir ekleme
Teşekkür ederim.
bunun çok benzeri bir zımbırtıyı vertical (dikey) ortalama için IE de kullanabiliriz.
Şahsen şu an çalıştığım şirkette istemeye istemeye yazdığım frontend kodlaması ile öğrendim.
bir backend developer olarak frontend ile uğraşmak gerçekten can sıkıntısı…
Çok faydalı bi bilgi oldu. Elinize sağlık. Aslında teknik olarak çok basit ama çok zekice bir çözüm.
Genişliği belli olan bir nesneyi : “margin:0 auto” yaparak zaten basit bir şekilde ortalayabiliyoruz diye biliyorum. Hangisi daha avantajlı veya bu sadece bir alternatif mi oldu bize şimdi
@Harun Memiş “position: absolute” belirlediğiniz div’e herhangi bir tanımlama yapmazsanız sayfanızın soluna dayanacaktır. Yukarıdaki kod bunu engellemek için yazılmıştır.
Herhangi bir position belirlemesi yapmaya ihtiyacınız yoksa söylediğiniz gibi genişliği belli olan dive “margin:0 auto” tanımlaması yapmanız yatayda ortalamak için yeterlidir.
@Gözde Berberoğlu Anladım teşekkürler.