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>

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


لینک به پست

سلام

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


.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

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


لینک به پست

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

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

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


لینک به پست

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

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

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

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


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

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

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


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