PDA

View Full Version : کمک و راهنمایی در راست چین کردن این منو



saeed_sho
پنج شنبه 16 خرداد 1392, 20:28 عصر
سلام
میخوام این منو رو راست چین کنم تا حدودی موفق شدم ولی یه مشکل داره
در رزویوشن 1024 * 768 اسکرول افقی میخوره اما در رزولوشن بالاتر درسته
این منوی اصلیه
105220
این منویی که تغییر دادم
105221
لطفا راهنمایی کنید چند روزه درگیره منو هستم

saeed_sho
پنج شنبه 16 خرداد 1392, 21:26 عصر
از وقتی این قسمت رو
/* keep the 'next' level invisible by placing it off screen. */
#nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
position: absolute;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
margin: 0;
padding: 0;
list-style: none;
}
به این تغییر دادم اسکرول میخوره
/* keep the 'next' level invisible by placing it off screen. */
#nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
position: absolute;
right: 0;
top: -9999px;
width: 0;
height: 0;
margin: 0;
padding: 0;
list-style: none;
}
وقتی مقدار right رو تغییر میدم اسکرول کوچکتر یا بزرگتر میشه

RezaNrzdh
پنج شنبه 16 خرداد 1392, 21:40 عصر
برای راست چین کردنش...در #nav میتونید float رو right بذاری تا منو ها بره سمت راستش.
فلش زیر منو ها؟ اگه منظورتون arrow های مشکی کنار هر متن هست باید
#nav li ul.sub li a.fly و #nav li:hover ul.sub li a:hover رو مقدار 80px رو کم کنید مثلا 0 ، 10 قرار بدین.فلش ها میان پشت متن ها.
دلیل اسکرول شدن هم استفاده از لیست ها هستش...سازنده میخواسته دکمه ها اینطور عمل کنن...برای حل کردنش یک راه اینه که لیست رو درون div قرار بدین و برای div هم یه پهنا تعیین کنید...راه دوم که سریع کارتون رو راه میندازه اینه که باز در #nav width بدین...بسته به اندازه منو شما بستگی داره...مثلا الان با همین کلمات حدودا 569px جواب میده.

forestasphalt
پنج شنبه 16 خرداد 1392, 21:46 عصر
دوست عزیز این لینک رو دانلود کن فکر کنم به چیزی که میخوای نزدیک شد
http://uploadtak.com/images/q7339_pro_dropdown_1.zip

saeed_sho
جمعه 17 خرداد 1392, 12:25 عصر
ممنونم از راهنمایی همتون
بجز اسکرول خوردن صفحه همه ی مشکلات حل شد
در رزولوشن 1024 * 768 صفحه اسکرول میخوره

دلیل اسکرول شدن هم استفاده از لیست ها هستش...سازنده میخواسته دکمه ها اینطور عمل کنن...برای حل کردنش یک راه اینه که لیست رو درون div قرار بدین و برای div هم یه پهنا تعیین کنید...راه دوم که سریع کارتون رو راه میندازه اینه که باز در 1
#nav



width بدین...بسته به اندازه منو شما بستگی داره...مثلا الان با همین کلمات حدودا 569px جواب میده.با برداشتی که من از جوابتون کردم این قسمتو تغییر دادم و پراپرتی width رو نداشت و من بهش اضافه کردم اما بازم اسکرول میخوره
#nav
{
padding: 0;
margin: 0;
list-style: none;
height: 36px;
background: #fff;
position: relative;
z-index: 500;
font-family: arial, verdana, sans-serif;
width: 100%;
}

saeed_sho
جمعه 17 خرداد 1392, 12:32 عصر
دوست عزیز این لینک رو دانلود کن فکر کنم به چیزی که میخوای نزدیک شد
http://uploadtak.com/images/q7339_pro_dropdown_1.zip
ممنونم از فایلتون اما مشکل اسکرول خوردن هنوز سرجاشه
عرض body من 960px اینو میگم تا مشکلم رو شفاف تر گفته باشم