site

مشکل در منو html

9 پست در این موضوع قرار دارد

سلام

من میخوام یک منوی بسیار ساده در 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>

0

به اشتراک گذاری این پست


لینک به پست

سلام

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


.drop_menu li{height:60px;}

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

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

5

به اشتراک گذاری این پست


لینک به پست

سلام

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


.drop_menu li{height:60px;}

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

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

ممنون

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

عکس :

l6hnmvqzxh12wvu8455k.jpg

0

به اشتراک گذاری این پست


لینک به پست

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

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

7

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

5

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

متشکرم

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

لنیک :

دانلود

ویرایش شده در توسط site
0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

دمو آنلاین :

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

ویرایش شده در توسط site
0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری