مشکل در منو html

[site 79]

سلام

من میخوام یک منوی بسیار ساده در html درست کنم اما عکس زیر را نگاه کنید : :

در css ، مقدار پیش فرض top:30px بود و به درستی کد ها کار می کردند

اما وقتی برای بیشتر شدن فاصله منو از زیر منو top:60px گذاشتم ، وقتی که قصد دارم موس را از زیر منوی " مبلمان " به پایین تر یعنی " تخت " و "چوب " ببرم ، زیر منویی که باز شده ناپدید میشه

به نظرتان مشکل از کجاست ؟

کد css :

<style type="text/css">


/* Submenu */
.drop_menu ul {
position: absolute;
left:-9999px;
top:-9999px;
list-style-type:none;
}
.drop_menu li:hover { position:relative;
}
.drop_menu li:hover ul {
left:0px;
top:60px;
padding:0px;

}
.drop_menu li:hover ul li a {
padding:5px;

width:168px;

}

</style>

کد html :

<div class="drop">
<ul class="drop_menu">
<li><a href='catalogue.html'>گالری تصاویر</a>
<ul>
<li><a href='catalogue.html'>مبلمان</a></li>
<li><a href='catalogue.html'>تخت</a></li>
<li><a href='catalogue.html'>چوب</a></li>
</ul>
</li>
</div>

[Farid 2281]

سلام

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

.drop_menu li{height:60px;}

تصحیح شده ی کد های شما

http://codepen.io/faridghasemi/pen/iFeCk

[site 79]

سلام

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

.drop_menu li{height:60px;}

تصحیح شده ی کد های شما

http://codepen.io/fa...asemi/pen/iFeCk

ممنون

اما درست نشد . با کدی که شما دادید فاصله بین زیر منو ها یکم زیاد شد

عکس :

[Farid 2281]

کد ها به روز شد ( هم html ، هم css )

http://codepen.io/fa...asemi/pen/iFeCk

[site 79]

کد ها به روز شد ( هم html ، هم css )

http://codepen.io/fa...asemi/pen/iFeCk

دستتون درد نکنه

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

[kasra 4929]

دستتون درد نکنه

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

آدرس سایتتون رو بدید احتمالن در css استایل ئداده شده که با هم تداخل دارن

[site 79]

آدرس سایتتون رو بدید احتمالن در css استایل ئداده شده که با هم تداخل دارن

متشکرم

سایت رو هنوز راه اندازی نکردم اما قسمتی را پیوست کردم

لنیک :

دانلود

ویرایش شده اسفند 92 توسط site

[site 79]

دمو آنلاین :

http://parsi.a-w.ir/

ویرایش شده اسفند 92 توسط site

[Farid 2281]

دوست عزیز قالبتون بد کدنویسی شده ، کد ها خیلی تحت تاثیر هم هستن //

طبق نمونه ای که براتون گذاشتم منوی قالبتون رو دوباره کد نویسی کنید مشکل حل میشه