رفتن به مطلب

مشکل در منو html


پست های پیشنهاد شده

سلام

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

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

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

684ifxobpfks78q8gns.jpg

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

کد 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>

لینک به ارسال

سلام

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


.drop_menu li{height:60px;}

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

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

لینک به ارسال

سلام

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


.drop_menu li{height:60px;}

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

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

ممنون

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

عکس :

l6hnmvqzxh12wvu8455k.jpg

لینک به ارسال

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

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

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

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

لینک به ارسال

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

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

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

لینک به ارسال

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

متشکرم

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

لنیک :

دانلود

ویرایش شده توسط site
لینک به ارسال
  • 3 هفته بعد...

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...