نمایش نسخه قابل چاپ
سلام و عرض ادب برای قالب یه منو ابشاری طراحی کردم همه چیز اوکی هست اما وقتی اون منو باز میشه به ابعاد اون منو قالب براش جای خالی ایجاد میشه
من از هر دو قسمت درس و نادرس عکس انداختم تا خوب منظورمو برسونم
قسمت درست
http://upload7.ir/images/91737488066031647589.png
اینم اون موقعی که منو باز میشه و مشکل قالب
http://upload7.ir/images/30805034956026820464.png
باید شناور باشه تا روی همه عناصر باز بشه
اینو به استایل زیر منو اضافه کنید مشکل حل میشه:
کد HTML:position: absolute;
z-index: 999;
ممنون با این کار اون مشکل حل شد ولی زیر منو ها رفتن تو همنقل قول:
نوشته اصلی توسط m2n
فایل پیوست 16145
اگر از تگ li استفاده کردین با این کد درست میشه:
کد HTML:display: block;
float: right;
width: 100%;
نه از div استفاده کردم
قالب آنلاین هست؟نقل قول:
نوشته اصلی توسط sarwhost
حیر
اعتماد می کنی قالبو بدینقل قول:
نوشته اصلی توسط 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;
}
اچ تی ام ال یک منو و زیر منو را بزارید
بفرمایید
کد:<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>
والله من از ساختار شما چیزی سر در نیاوردم
ولی استاندارد اینه:
کد HTML:<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>
بله اما اینو باید با جاوااسکریپت ابشاری کرد یا من اشتباه میکنم؟
نه عزیز با سی اس اس میشه اضافه کرد
نمونه