منو در زیر خودش باز نمی شود [بایگانی]

jamejam123

دوشنبه 06 خرداد 1392, 15:08 عصر

سلام
لطفا به این عکس توجه فرمایید

http://barnamenevis.org/attachment.php?attachmentid=104717&cid=1&stc=1

<div id="topm">
<ul id="linkt">
<li><a href="#"> صفحه اصلی </a></li>
<li class="do"><a href="#"> محصولات </a>
<ul>
<li><a href="#"> محصولات احرا شده </a></li>
<li><a href="#"> نمونه محصولات </a></li>
</ul>
</li>

<li class="do"><a href="#"> پروژه ها </a>
<ul>
<li><a href="#"> نما رو می </a></li>
<li><a href="#"> نما ساده </a></li>
</ul>
</li>

<li class="do"><a href="#"> گالری </a>
<ul>
<li><a href="#"> نما رو می </a></li>
<li><a href="#"> نما رو می </a></li>
<li><a href="#"> نما رو می </a></li>
</ul>
</li>

<li><a href="#"> درباره ما </a></li>
<li><a href="#"> تماس با ما</a></li>
</ul>
</div>

#topm{
width:65%;
height:40px;
border:0px #330 solid;
margin:auto;
background:url(../images/footer.jpg) repeat-x;
}
#linkt{
list-style:none;
margin:0;
padding:0;
margin-right:5px;
z-index:3;
}
#linkt li{
float:right;
display:block;
width:auto;
height:35px;
position:relative;
}
#linkt li a{
display:block;
width:auto;
padding-right:7px;
padding-left:7px;
color:#FF0;
text-decoration:none;
background:url(../images/footer.jpg) repeat-x;
height:35px;
padding-top:5px;

}
#linkt li a:hover{
display:block;
width:auto;
padding-right:5px;
padding-left:5px;
color:#FF0;
text-decoration:none;
background:#78230d;
color:#FFF;
height:40px;
padding-top:7px;

}
#linkt ul{
position:absolute;
display:none;
list-style:none;
}
#linkt ul li{
position:relative;
float:right;
width:auto;
}
#linkt ul a{
display:block;
height:35px;
width:auto;
color:#FFF;
z-index:3;
}
#linkt ul a:hover{
text-decoration:none;
}
#linkt li ul li{
width:150px;
float:right;
background:#3a130e;
text-align:center;
z-index:5;
}

من هنگامی که روی منو گالری می روم زیر منو آن کمی اونور تر باز می شود.
می دانید مشکل آن چیست؟
تشکر

r4hgozar

دوشنبه 06 خرداد 1392, 16:01 عصر

دوست عزیز من واست کاملش رو نوشتم

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>منو</title>
<link rel="stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">منوی اول</a>
<ul class="sub">
<li><a href="#">منوی اولزیر</a>
<ul>
<li><a href="#">منوی اولزیر</a></li>
<li><a href="#">منوی اولزیر</a></li>
</ul>
</li>
<li><a href="#">منوی اول</a>
<ul>
<li><a href="#">منوی اولزیر</a></li>
<li><a href="#">منوی اولزیر</a></li>
</ul>
</li>
<li><a href="#">منوی اول</a></li>
<li><a href="#">منوی اول</a></li>
</ul>
</li>
<li><a href="#">منوی دوم</a>
<ul class="sub">
<li><a href="#">منوی دوم</a>
<ul>
<li><a href="#">منوی اولزیر</a></li>
<li><a href="#">منوی اولزیر</a></li>
</ul>
</li>
<li><a href="#">منوی دوم</a></li>
<li><a href="#">منوی دوم</a></li>
</ul>
</li>
<li><a href="#">منوی سوم</a>
<ul class="sub">
<li><a href="#">منوی سوم</a></li>
<li><a href="#">منوی سوم</a></li>
<li><a href="#">منوی سوم</a></li>
<li><a href="#">منوی سوم</a></li>
</ul>
</li>
<li><a href="#"> منوی چهارم</a></li>
</ul>
</div>

</body>
</html>

* {
padding: 0px;
margin: 0px;
}
body {
background-color: #FFF;
}
#menu {
position: relative;
line-height: 20px;
}
#menu a {
display: block;
width: 150px;
height: 25px;
text-decoration: none;
color: #FFF;
border: 1px solid #030;
background-color: #030;
text-align: center;
}
#menu a:Hover {
color: #F00;
background-color: #060;
}
#menu ul {
list-style-type: none;
}
#menu li {
position: relative;
text-align: center;
float: right;
}
#menu ul.sub {
position: absolute;
display: none;
z-index: 999;
}
#menu ul.sub li {
text-align: center;
}
#menu li:Hover ul.sub {
display: block;
}
#menu li:Hover ul ul {
display: none;
}
#menu li li:Hover ul {
display: block;
z-index: 1000px;
position: absolute;
top: 10px;
right: 149px;
}

jamejam123

دوشنبه 06 خرداد 1392, 16:23 عصر

ببخشین مشکل پروژه من و پیدا نکردین.
من خیلی تلاش کردم ولیی درست نشد
این کل پروژه هستش می تونید یه نگاه بندازید
http://up.toca.ir/images/11td7cpmsish229ddmb2.rar

moalla

دوشنبه 06 خرداد 1392, 18:23 عصر

اینجا (http://quicklearn.ir/?q=node/39)رو ببنید
علت این امر و راه حلش رو توضیح دادم