Css Menu

Merhaba Arkadaşlar,

jquery ile kontrollü bir menüm var ie hariç normal çalışıyor . ie8+ de mouseover eyleminde menüde titreme veya atlatma yani bi menü üzerine geliyor bir gelmiyor halbuki menü üzerinde .jquery kodu

function nav(){
	$("div#nav ul li").mouseover(function() {
			$(this).find('ul:first').show();
	});
	$("div#nav ul li").mouseleave(function() {
		$("div#nav ul li ul").hide();
	});
	$("div#nav ul li ul").mouseleave(function() {
		$("div#nav ul li ul").hide();
	});
	
};

<div id="nav">
<ul>
	<li><a href="index.php">Anasayfa</a></li>
	<li><a href="#">Mesaj</a></li>
	<li><a href="#">Profil</a></li>
	
	<li style=" float:right; margin-right:15%; background-color:#454545;"><a style=" font-size:12px; color:#ccc;" href="#">'.$email.'</a>
	<ul class="submenu">
	<li><a href="setting.php">Ayarlar</a></li>
	<li><a href="help.php">Yardım</a></li>
	<li><a href="logout.php">Çıkış</a></li>
	</ul>
	</li>
</ul>
</div>
';

/* CSS Document */

#nav{
	height:32px;
	line-height:40px;
	width:50%;
	min-width:450;
	float:right;
}
	#nav ul, 
	#nav ul li
	{
		margin:0; 
		padding:0;
		list-style:none;
	}
	#nav ul li{
		float:left;
		display:block;
	}
	#nav ul li a:link,
	#nav ul li a:visited{
		color:#ccc;
		font-size:15px;
		text-decoration:none;
		padding:0 10px 0 6px;;
		display:block;
	}
	#nav ul li a:hover{
		color:#EBEFF7
	}
	#nav ul li ul li{
		float:none;
		display:block;
	}
	#nav ul li ul li a:link,
	#nav ul li ul li a:visited{
		color:#ccc;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		padding:0 1px;
		clear:both;
		border-bottom:solid 1px #fff;
	}
	#nav ul li ul li a:hover{
		color:#000;
		background: -moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DCDCDC');
		background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DCDCDC));
	}
		
	.submenu {
		position: absolute;
		width: 160px;
		background: #666;
		padding:10px;
		border:solid 1px #ccc;
		border-top:none;
		z-index: 1000;
		display:none;
		line-height:26px;
	}

Cevaplar

12 yıl önce yazılmış

veyselkoparal

7 cevap - 11 soru
İsterseniz Basit Örneğini hosta atayım
- harryistal
  hosta atabilrsen dha iyi bakabilrz
  
  12 yıl önce yazılmış
- veyselkoparal
  http://www.neosoftyazilim.com/menu/index.php
  12 yıl önce yazılmış
- harryistal
  explorer ie8+ yazmıssın ben ie9 kullanıorum hic bir sorun yok menulerin arasını acmıssın cssle ondan kaynaklı olabilr oralara gelince mouseout oluo olabilr ama bendeki bütün tarayıcılarda duzgun calısıor
  
  12 yıl önce yazılmış
- veyselkoparal
  peki sorun hangi kodlamadadır. ie8 de hata alıyorum.
  
  12 yıl önce yazılmış
- tutkun
  ie8 kullanıyorum. sorunun kaynağı css'den.
  
  "ul li a:..." ile "ul li" ler arasında bir problem var. ama detaylı bakamıyorum şimdilik...
  
  12 yıl önce yazılmış
12 yıl önce yazılmış

huseyiniskender

47 cevap - 20 soru

Merhaba, firefox kullandığımdan deneme fırsatım olmadı fakat uygulama ie7 de düzgün çalışıp ie8 de hata veriyorsa aşağıdaki meta kodunu sayfanıza ekleyerek bir çözüm üretme ihtimaliniz olabilir. İyi çalışmalar.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

veyselkoparal

Css Menu

Cevaplar