Css İkili Menü Sorunu Yardım

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Css İkili Menü Sorunu Yardım

06/May/13 14:54

Kısayol

Şikayet

Özel Mesaj

1234567B

Kayıt Tarihi: 04/Şubat/2010

Arkadaşlar öncelikle merhabalar,

Şimdi ben wordpresste 2 adet topnav menusu kullanmak istiyorum.

Sıkıntım şuki arkadaşlar ikiside şuan aynı cssi kullanıyor.Sonradan birinin isimlerini ve renklerini değiştirip aynı kodları kullanacağım.Fakat resimde görüldüğü gibi news elementinin açılır menuleri alttaki ikinci menunun altına giriyor normalde öorda 3 adet eleman var 1.eleman alta girdiği için gözükmüyor.Arkadaşlar yardımcı olursanız sevinirim.Şimdiden teşekkürler.Menunun css kodları burada buyrun

#gazpo-nav {
background-color:#2a3e54;
	font-size:8;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;	
	position:relative;
	z-index:4;
}

#gazpo-nav .main-menu ul,
div.menu ul {
	list-style: none;
	margin: 0;
	padding-left:0;
	white-space:nowrap;
}

#gazpo-nav .main-menu li,
div.menu li { 
    float: left;
    position: relative;
}

#gazpo-nav a {

	color:#737373;
    display: block;
    font-family: tahoma;
color:#fff;
  	font-size: 14px;
    line-height: 28px;
    margin-top: 1px;
    padding: 6px 20px;
    text-decoration: none;
}
#gazpo-nav .menu ul li.hover,
#gazpo-nav .menu ul li:hover,
#gazpo-nav ul.menu li.hover,
#gazpo-nav ul.menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#gazpo-nav ul ul {
 float: left;
    left: 0;
    position: absolute;
	display:none;
    top: 40px;
    width: 180px;
	z-index: 598;
}
#gazpo-nav ul ul li {
	min-width: 180px;
}
#gazpo-nav ul ul ul {
	left: 100%;
	top: 0;
	padding-left:2px;
}
#gazpo-nav ul ul a { 
	line-height: 1em;	
    padding: 10px;
	width: 160px;
	height: auto;
	margin-bottom:-1px;
	font-size: 14px;
	background: #000;
	border-bottom: 1px solid #000;
	overflow:hidden;
	
}

#gazpo-nav ul ul a:hover {
	color: #333333;
}

#gazpo-nav li:hover > a,
#gazpo-nav ul ul :hover > a { 
	color: #333333;
}
#gazpo-nav ul li:hover > ul {
	display: block;}
	#geriyedusenler{
	padding-left:4px;
	background-color:#fff;
	
}

#gazpo-nav ul li.current_page_item > a,
#gazpo-nav ul li.current-menu-ancestor > a,
#gazpo-nav ul li.current-menu-item > a,
#gazpo-nav ul li.current-menu-parent > a {
	color: #333333;
}
* html #gazpo-nav ul li.current_page_item a,
* html #gazpo-nav ul li.current-menu-ancestor a,
* html #gazpo-nav ul li.current-menu-item a,
* html #gazpo-nav ul li.current-menu-parent a,
* html #gazpo-nav ul li a:hover {
	color: #373737;
}

#gazpo-nav li.submenu>a{
	background: url(images/arrow_down.png) no-repeat 98% 50%;
}

#gazpo-nav li ul li.submenu>a{	
	background:#f9f9f9 url(images/arrow_right.png) no-repeat 98% 50%;
}

#gazpo-nav li ul li.submenu>a:hover{
	background:#f9f9f9 url(images/arrow_right.png) no-repeat 98% 50%;	
}

arbeit macht frei

Alıntı yap

06/May/13 15:31 Kısayol Şikayet Özel Mesaj

SSPPSS

Kayıt Tarihi: 26/Ağustos/2007

açılan kısmın z-index ini değiştirirsen sorunun çözülür

Alıntı yap
06/May/13 16:07 Kısayol Şikayet Özel Mesaj

Underground

Kayıt Tarihi: 01/Ekim/2007

müziksiz kod yazma :D

Herkesin işine yaradığın kadar iyisindir Bu Hayatta!

Alıntı yap

Toplam Hit: 850 Toplam Mesaj: 3

Cevapla