Bi bakın arkadaşlar

arkadaşlar yaptığım menu içerik sayfasının arkasında açılıyor. bunu nasıl önüne alabiliriz ? çok acil yardım lütfen..

İlgili css'de ilgili division vey class tanımında z-index'i arttır. Ama çok arttır. (Üste gelen içeriğin flash olmadığını varsayarak konuşuyorum.)

Eğer üste gelen flash ise internetten js vs bulman lazım. O konu biraz kıllı tüylü.

yok flash değil, db den ürün içerikleri çeken bir değişken var. onun altında çıkıyor.
z-index i denedim.

ürün içeriğini çeken div e z-index: 1;
menuye z-index: 2; verdim ama olmadı haliylen

<style type="text/css">
#ortaalan{
z-index:1;
}

#menu {
z-index:2;
}
</style>



başka nasıl olabilir.?

<style type="text/css">
#ortaalan{
z-index:-1;
}

#menu {
position:absolute;
z-index:1;
}
</style>

dene hocam

teşekkür ederim dostum bu oldu ama biraz editlemek yerek. menuler içerikler birbirine girdi ama sonuçda menu üste çıktı.

teşekkürler )

şunu yap hiç kurcalama z-index verdim olmadı dedin ya az önceki z-index verdiklerine position:relative; ekle büyük ihtimal sorununu çözecektir absolute patlatmış olabilir

sorun şu kodlarda. Burdaki css ler sitemdeki mevcut "li ve "ul kodlamasına yerleşiyor. Menu sağlam bir şekilde çalışıyor ama aşağıdaki css diğer kategorileri engelliyor

bunu nasıl ayrıştırabilirim ? Kodları veriyorum

ul {	margin: 0;	padding: 0;	list-style: none;	width: 193px;	height: 29px;}
ul li {	position: relative;	}
li ul {	position: absolute;	left: 192px;	top: 0;	display: none;}
ul li a {	display: block;	text-decoration: none;	padding: 0px;	height: 29px;	color: #333;}
ul li a:hover {	color: #F60;}
li:hover ul, li.over ul { 	display: block;}
/* IE. gizle \*/ 
* html ul li { float: left; height: 36px; }
* html ul li a { height: 36px; } 
/* IE den gizleme sonu */


.tab {	background-image: url(menuLi2.png);	background-repeat: no-repeat;	height: 332px;	width: 643px;}
.header { background-image: url(menuBg1.png); background-repeat: no-repeat;	font-family: Tahoma, Geneva, sans-serif;	font-size: 14px;	font-weight: bold;	color: #333;	padding-top: 7px;	padding-left: 50px;}
.header:hover {	font-family: Tahoma, Geneva, sans-serif;	font-size: 14px;	font-weight: bold;	color: #333;	padding-top: 7px;	padding-left: 50px;	background-image: url(menuBg2.png);	background-repeat: no-repeat;}

.HCB_Menu1bd {	height: 312px;	width: 623px;}
.HCB_Menu1sol {	float: left;	height: 280px;	width: 210px;	padding-top: 7px;}
.HCB_Menu1Hd1 {	width: 175px;	height: 16px;	padding-left: 25px;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #333;	background-image: url(menu1Bg1.png);	background-repeat: no-repeat;	padding-top: 2px;	margin-left: 5px;	margin-bottom: 14px;}
.HCB_Menu1Hd1 {	width: 175px;	height: 16px;	padding-left: 25px;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #333;	background-image: url(menu1Bg1.png);	background-repeat: no-repeat;	padding-top: 2px;	margin-left: 5px;	margin-bottom: 14px;}
.HCB_Menu1Hd1:hover {width: 175px;	height: 16px;	padding-left: 25px;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #F60;	background-image: url(menu1Bg1.png);	background-repeat: no-repeat;	padding-top: 2px;	margin-left: 5px;	margin-bottom: 14px;}
.Both {	clear: both;	float: none;}
.HCB_Menu1sag {	float: left;	height: 266px;	width: 383px;	margin-top: 10px;	padding-top: 14px;	padding-left: 30px;	background-image: url(menu1Bg2.png);	background-repeat: no-repeat;}
.HCB_Menu1sag1 {	height: 100px;	width: 120px;	float: left;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #666;	text-align: center;	border:none;}
.HCB_Menu1sag1:hover {	height: 100px;	width: 120px;	float: left;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #F60;	text-align: center;	border:none;}
.w20px {padding-left: 20px;}
</style>
<!--[if IE]>
<style>
.HCB_Menu1Hd1 {	width: 175px;	height: 18px;	padding-left: 25px;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #333;	background-image: url(menu1Bg1.png);	background-repeat: no-repeat;	padding-top: 2px;	margin-left: 5px;	margin-bottom: 18px;}
.HCB_Menu1Hd1 a {	color: #333;}
.HCB_Menu1Hd1 a:hover {	color: #F60;}
.HCB_Menu1sag {	float: left;	height: 266px;	width: 383px;	padding-top: 14px;	padding-left: 30px;	background-image: url(menu1Bg2.png);	background-repeat: no-repeat;	margin-top: 10px;}
.HCB_Menu1sag1 {	height: 75px;	width: 117px;	float: left;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #666;	text-align: center;    border:none;}
.HCB_Menu1sag1:hover {	height: 75px;	width: 117px;	float: left;	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	font-weight: bold;	color: #F60;	text-align: center;    border:none;}
</style>
<![endif]-->

<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
</script>

<!--  Menu Blogu -->

<div class="HCB_ResimliSolMenu">
  <div class="HCB_ResimliMenuBaslik"></div>
  <ul style="margin: 0;	padding: 0;	list-style: none;	width: 193px;	height: 29px;" id="menu">
<li><a class="header" href="#">Bilezikler</a>
<ul style="margin: 0;	padding: 0;	list-style: none;	width: 193px;	height: 29px;"><li><div class="tab">

<!-- İçerik Başlangıcı -->
<div class="HCB_Menu1bd">
  <div class="HCB_Menu1sol">
    <div> <a class="HCB_Menu1Hd1" href="2.html">Burma </a></div>
    <div> <a class="HCB_Menu1Hd1" href="2.html">Fantazi </a></div>
    <div> <a class="HCB_Menu1Hd1" href="2.html">Mega </a></div>
    <div> <a class="HCB_Menu1Hd1" href="2.html">Hasır </a></div>
    <div> <a class="HCB_Menu1Hd1" href="2.html">Kelepçe </a></div>
    <div> <a class="HCB_Menu1Hd1" href="2.html">Hediyelik Bilezikler</a></div>
  
  </div>
  <div class="HCB_Menu1sag">
    <div class="HCB_Menu1sag1"><a href="2.html"><div>
    <img decoration="none" src="BurmaBilezik.png" width="80" height="80" border="0" /></div><div>Burma </div></a></div>
    <div class="HCB_Menu1sag1"><a href="2.html"><div><img src="FantaziBilezik.png" width="80" height="80" border="0" /></div><div>Fantazi Bilezik</div></a></div>
    
    <div class="HCB_Menu1sag1"><a href="2.html"><div><img src="MegaBilezik.png" width="80" height="80" border="0" /></div><div>Mega </div></a></div>
    <div class="Both"></div>
    <div class="HCB_Menu1sag1"><a href="2.html"><div><img src="HasirBilezik.png" width="80" height="80" border="0" /></div><div>Hasır </div></a></div>
    <div class="HCB_Menu1sag1"><a href="2.html"><div><img src="KelepceBilezik.png" width="80" height="80" border="0" /></div><div>Kelepçe </div></a></div>
    <div class="HCB_Menu1sag1"><a href="2.html"><div><img src="HediyelikBilezik.png" width="80" height="80" border="0" /></div><div>Hediyelik </div></a></div>
    <div class="Both"></div>
  </div>  <div class="Both"></div></div> 
<!-- İçerik Bitişi -->
</div></li></ul></li>
</ul> </div>

mesela ;

<ul style="margin: 0;	padding: 0;	list-style: none;	width: 193px;	height: 29px;" >

verip bu css i kaldırıyorum ama "ul li" gibi leri nasıl kaldırcam yardımcı olurmusunuz ?

direk ul yazarsan sitedeki bütün ul leri etkiler aynı şey li içinde geçerli yapacağın en iyi çözüm class verip o class'a bütün özellikleri yazmak şimdi bakmak için programım yok yoksa bakardım

yani şöyle gibi ;


"ul li" olanlara ;
"1 2" classlarını verip

<ul><div class="1"></div></ul>
<li><div class="2"></div></li>

gibi ?