Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

CSS unordered list hakkında

aşağıdaki gibi bi unordered list yapım var.. Products olan "a" üzerine geldiğimizde hover ile "a" ile aynı seviyedeki ul'yi görünür yapmam lazım dropdown olcak yani.. ve şu kodu kullanıyorum bunun için... Ama yemiyor normalde çalışması lazım


 
            #navMenu ul li:hover ul {
            
             visibility:visible;
                
                
                }
        




<ul> KAvrayıcı liste başangıcı
<li><a href="#" class="clickk">Products</a> <!--Tıklanacak ya da üzerine gelinecek olanlar-->
<ul> Dropdown kavrayıcı
<li><a href="#">Link İtem</a></li>
<li><a href="#">Link İtem</a></li>
<li><a href="#">Link İtem</a></li>
<li><a href="#">Link İtem</a></li>
<li><a href="#">Link İtem</a></li>


</ul> <!--DropDown açılan için UL bitişi-->
</li><!-- mainLI bitişi-->
</ul>
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • Hasan adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    63 cevap - 0 soru
    visibility yerine display kullansan daha iyi olur.


    <style type="text/css">
    	#navMenu ul li ul {
    		display:none;
    	}
    	#navMenu ul li:hover ul {
    		display:block;
    	}
    </style>
    



    <div id="navMenu">
    
    	<ul> KAvrayıcı liste başangıcı
    		<li><a href="#" class="clickk">Products</a> <!--Tıklanacak ya da üzerine gelinecek olanlar-->
    			<ul> Dropdown kavrayıcı
    				<li><a href="#">Link İtem</a></li>
    				<li><a href="#">Link İtem</a></li>
    				<li><a href="#">Link İtem</a></li>
    				<li><a href="#">Link İtem</a></li>
    				<li><a href="#">Link İtem</a></li>
    			</ul> <!--DropDown açılan için UL bitişi-->
    		</li><!-- mainLI bitişi-->
    	</ul>
    </div>
    




    Ama yanılmıyorsam ie7 veya ie6 css'in bu özelliğini desteklemiyordu. Sana daha çok yardımcı olması açısından http://www.alistapart.com/articles/dropdowns/ şu linkte yapılışını anlatıyor.

    En alttada bu tarayıcı sorunu için javascript kod örneği var işine yarayabilir.

Cevaplar

Hiç cevap bulunamadı.