مشکل در قالب و منو ابشاری

[sarwhost]

سلام و عرض ادب برای قالب یه منو ابشاری طراحی کردم همه چیز اوکی هست اما وقتی اون منو باز میشه به ابعاد اون منو قالب براش جای خالی ایجاد میشه
من از هر دو قسمت درس و نادرس عکس انداختم تا خوب منظورمو برسونم
قسمت درست
http://upload7.ir/images/91737488066031647589.png
اینم اون موقعی که منو باز میشه و مشکل قالب
http://upload7.ir/images/30805034956026820464.png

[m2n]

باید شناور باشه تا روی همه عناصر باز بشه

اینو به استایل زیر منو اضافه کنید مشکل حل میشه:


position: absolute;
z-index: 999;

[sarwhost]

باید شناور باشه تا روی همه عناصر باز بشه

اینو به استایل زیر منو اضافه کنید مشکل حل میشه:


position: absolute;
z-index: 999;

ممنون با این کار اون مشکل حل شد ولی زیر منو ها رفتن تو هم
16145

[m2n]

اگر از تگ li استفاده کردین با این کد درست میشه:


display: block;
float: right;
width: 100%;

[sarwhost]

نه از div استفاده کردم

[m2n]

نه از div استفاده کردم

قالب آنلاین هست؟

[sarwhost]

حیر

[m2n]

حیر

اعتماد می کنی قالبو بدی

[sarwhost]

کد های مربوط به اون قسمت اینجا میزارم

#topmenu {
height:40px;
_height:30px;
text-align:center;
background:url(../images/menu.png) left top repeat-x;}
.sub{
display:none;
border:1px solid;
background:url(../images/menu.png) left top repeat-x;
direction:rtl;
padding:5px;
cursor:pointer;
position:absolute;
z-index:999;
height:20px;




}
.show:hover .sub {
display:block;


}

[m2n]

اچ تی ام ال یک منو و زیر منو را بزارید

[sarwhost]

بفرمایید

<div id="topmenu">

<ul>
<li><span><a class="current">صفحه اول</a></span></li>

<li class="show" ><a href="linux.html" >خدمات میزبانی</a>

<div class="sub"><a href="#"></a>هاست لینوکسcpanel</div>
<div class="sub"><a href="#"></a>directadminهاست لینوکس</div>
<div class="sub"><a href="#"></a>هاست ویندوز</div>
<div class="sub"><a href="#"></a>هاست وارز</div>

[m2n]

والله من از ساختار شما چیزی سر در نیاوردم

ولی استاندارد اینه:


<div id="topmenu">
<ul>
<li><a href="#">صفحه اصلی</a></li>
<li><a href="#">میزبانی وب</a>
<ul>
<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>
<li><a href="#">منو دو شما</a></li>
</ul>
</div>

[sarwhost]

بله اما اینو باید با جاوااسکریپت ابشاری کرد یا من اشتباه میکنم؟

[m2n]

نه عزیز با سی اس اس میشه اضافه کرد

نمونه (http://psdworld.ir/13162/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%B3%D9%88%D8%B1%D8%B3-%D9%85%D9%86%D9%88-%D8%A2%D8%A8%D8%B4%D8%A7%D8%B1%DB%8C-%D8%B1%D8%A7%D8%B3%D8%AA-%DA%86%DB%8C%D9%86-%D8%B4%D8%AF%D9%87.html)