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 ?