[kubilayk]

Tamam ilginç bir başlık oldu ama ben de birşey anlamadım.

Sayfayı salt HTML ve CSS olarak hazırladım. Firefox, Opera ve IE de sorunsuz ve aynı şekilde çalışıyor (garip değil mi?)

Gelgelelim kodları ASP.Net sitesi olarak çalışacak şekilde kaydettiğimde SADECE IE'de menü üzerinde gezinirken menü resimleri titremeye başladı.

Bu sefer kodlarda hiçbir değişiklik ve uyarlama yapmadan sadece aspx dosyası olarak kaydettiğimde de aynı sorunla karşılaştım.

Sorular :
-------------------------------------------------------------

1- Şimdi bu IE bana mı gıcık ASP.Net'e mi ?

2- Böyle bir durum nasıl açıklanabilir ?

[s5prin]

Menü elementleri civarlarında bir yerlerin CSS'sine display="block" koymak gerekiyor kanımca.

[kubilayk]

Maalesef CSS'de attığım taklalarda kendimi de aştım. Ama olmuyor...

Ah ulen IE ! Firefox'a dil uzattığım günlerin bedelini ödüyorum!

Neyse...

s5prin teşekkür ederim yine de.

[maviruya]

merhaba

Açıkcası bu titreme olayının .net ile pek bir alakası yok. IE 6 ve aşağı versiyonlarında CSS içinden tanımlanan resim dosyalarında bunu yapıyor. Kısa bir örnek ile nasıl çözeceğini açıklamaya çalışacam.

<ul id="navigation">
 <li class="navItem1"><a href="index.aspx">Ana Sayfa</a></li>
 <li class="navItem2"><a href="hakkimizda.aspx">Hakkımızda</a></li>
</ul>

Yukarıda şekilde bir menümüz olduğunu varsayalım. Görüldüğü bu menü normalde textlerden oluşuyor. Ama biz bu menüyü CSS dosyası içinden resimlerle süsleyeceğiz.

ul#navigation,
ul#navigation li { margin:0; padding:0}

ul#navigation li {list-style-type:none; float:left; text-indent:-9999px}

ul#navigation li a {
background-repeat:none;
display:block;
height:20px;
text-decoration:none;
} //Tüm linklerin genel alacağı değerleri burada atıyoruz.

Eğer biz direk olarak linke arka planı verirsek

ul#navigation li.navItem1 a {
  background-image:url(/images/anasayfa_normal.gif); width:100px
} 

ul#navigation li.navItem1 a:hover {
  background-image:url(/images/anasayfa_hover.gif); 
}

titreme problemi ile karşılaşırız.

//Linklerdeki titremeyi önlemek için linkin üzerine değilde linki içine alan li ye resmin ilk hali olanarka planı veriyoruz.

ul#navigation li.navItem1 {
  background-image:url(/images/anasayfa_normal.gif); 
} 

ul#navigation li.navItem1 a {
width:100px
} // Resim alanınn genişliğini vermeyi unutmuyoruz önemli!

//Bu kısımda ise link üzerine gelince açılacak olan resmin ikinci yani hover halini veriyoruz.

ul#navigation li.navItem1 a:hover {
  background-image:url(/images/anasayfa_hover.gif); 
}

ve diğer linkleride bu şekilde tanımladığımızda artık IE 6.0 ve altındada problemsiz olarak çalıştığını görebileceksin. Kolay gelsin

[Python]

yorumları okumadım belki daha önce biri sölemiş olabilir.

CSS dosyası ASP, aspx gibi sayfalarda kullanılacaksa içerisinde türkçe karakterli bi comment barındırmayın başınız ağrıyabilir.

diğer soruna gelince o tarz titremeler ie6 da oluyosa sabit bir width ya da height vererek kurtulabilirsiniz. kullandığınız li elemanlarına sabit bir width verin tabi tasarım liquid değilse

işinize yarar umarım

[css]

Birkerede benim başıma geldi ama gerçekten nasıl çözdüğü pek hatırlamıyorum.CSS olarak hazırladığım navigasyon HTML'de doğru çalışırken jsp nin içine entegre ettiğimiz vakit titremeye başladı.ama olayın load komutundan dolayı kaynaklandığını tahmin ediyorum...