CSS unordered list hakkında

Doğru Cevap

• 

  11 yıl önce yazılmış

  Hasan

  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