رفتن به مطلب

مشکل نشان ندادن زیرمجموعه های دسته


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

سلام

من یه منو ابشاری درست کردم رو قالب جدید زیر مجموعه هارو نشون نمیده !

مثال

صفحه اصلی / صفحه اصلی 1 / صفحه اصلی 3

حالا دو تای اول رو نشون میده ولی سومی رو نه !

منو هم سالمه و رو چندتا قالب تست کردم مشکلی نداشته

اگه کسی اطلاعی داره ممنون میشم راهنمایی کنه

اینم کد منو در هدر


<div id="nav-wrapper">
<nav class="new-menu">
<ul class="clearfix">
<?php wp_list_categories('hide_empty=0&title_li'); ?>
</ul></nav>
</div>

------------------------

الان چک کردم که با این کد مشکل داره position:relative;

وقتی اینو برداشم زیرمجموعه اخری رو هم نشون داد ولی نا منظم شد !

ویرایش شده توسط alam7o
لینک به ارسال

http://tests.98tarfand.ir

اگه من الان position: absolute; رو از کد زیر حذف کنم دسته هارو نشون میده اما نا منظم میشن


/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
right: 0;
background:#e4e6e7;
background:repeat scroll 0 0 rgba(232, 232, 232, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
border-bottom:3px solid #0fa1dd;
}

لینک به ارسال

داخل انجمن جستجو کنید منوی آبشاری

جستجو کردم چیزی نبود که کمکم کنه ! اگه ممکنه همینجا کمک کنید !

لینک به ارسال

اقا ایمان این کد استایله مشکلش کجاس ؟


/* ------- body2 ------- */
.body2 {
width: 960px;
margin: 5px auto;
color: #d66666;
text-align:right;
font-family:BYekan, Tahoma;
font-size:10px;
}
a {color: #d333;}

#nav {
height:35px;
width:940px;
padding:0 10px;
background:#fff;
background:-webkit-linear-gradient(top, #fff 0, #ebebeb 99%);
background:-moz-linear-gradient(top, #fff 0, #ebebeb 99%);
background:-o-linear-gradient(top, #fff 0, #ebebeb 99%);
background:-ms-linear-gradient(top, #fff 0, #ebebeb 99%);
background:linear-gradient(top, #fff 0, #ebebeb 99%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#ebebeb', GradientType=0);
-webkit-border-radius:0 8px 0 0;
-moz-border-radius:0 8px 0 0;
-o-border-radius:0 8px 0 0;
-ms-border-radius:0 8px 0 0;
-khtml-border-radius:0 8px 0 0;
border-radius:8px 8px 8px 8px;
border-bottom:3px solid #0fa1dd;
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: right;
position: relative;
list-style: none;
}
#nav li a {
display:block;
color:#222;
font:normal 14px/35px BKoodakBold, Tahoma;
text-decoration:none;
padding:0 8px;
position: relative;
}
#nav li a:hover , #nav li a:focus{
text-shadow:0 1px 1px #fff;
}
#nav .current a, #nav li:hover > a {
background: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 8px 8px 0 0;
border-bottom:1px solid #0fa1dd;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
border-color:transparent transparent #0fa1dd transparent;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#nav ul a:hover {
background: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom:1px solid #0fa1dd;
}
/* dropdown */
#nav li:hover > ul {
display:block;
}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
right: 0;
background:#e4e6e7;
background:repeat scroll 0 0 rgba(232, 232, 232, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
border-bottom:3px solid #0fa1dd;
}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}
/* level 3+ list */
#nav ul ul {right: 281px;top: 0px;}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;

-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}
/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height:
0;}
#nav {display: inline-block;}
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

لینک به ارسال

انتظار ندارید که اینهمه کد رو بخونم

کدی که عرض شد را اضافه و تست کنید و نتیجه را بگید

لینک به ارسال

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

کد position: relative; رو در قسمت زیر حذف کردم


#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: right;
position: relative;
list-style: none;
}

بعدش کد right: 0; رو در زیر حذف کردم


#nav ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
right: 0;
background:#e4e6e7;
background:repeat scroll 0 0 rgba(232, 232, 232, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
border-bottom:3px solid #0fa1dd;
}

حالا تنها مشکل اینه که دسته بندی سوم از لحاظ top در راستای دسته دوم نیست با عکس نشون میدم

1464816742.jpg

میخوام قسمت test تو عکس بالا که مشخص شده دقیقا بیاد جلوی دسته امنیتی کد اون قسمت هم الان اینه


#nav ul ul {
right: 181px;
top: 0px;
}

ویرایش شده توسط alam7o
لینک به ارسال

position: relative; رو بگذارید سرجاش و توضیح بدید چرا حذفش کردید؟ تا مشکل رو از روش درستش حل کنیم

یا از کد فعلیتون top:0; را بردارید و اگه لازم شد ul را بالا ببرید با


margin-top:-10px;

اینکار رو بکنید

لینک به ارسال

اقا ایمان انجام دادم اما فقط جای دسته سوم ( test ) رو تغییر داد اول بالا بود الان پایین نشونش میده

من میخوام بصورت اتوماتیک بیاد جلو دسته مربوط به خودش

لینک به ارسال

اقا ایمان مشکلم حل شد یکم تغییر تو کدتون ایجاد کردم و درست شد

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


#nav ul {
display:none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
background:rgba(54, 54, 54, 0.7);
border-bottom:3px solid #0fa1dd;
}


#nav ul ul {
display:none;
margin: 0;
padding: 0;
right: 184px;
position: absolute;
margin-top:-50px;
}

اینم نشانی انلاین

98tarfand.ir

لینک به ارسال

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

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

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

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

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

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

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

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

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