alam7o

مشکل با کد postion در منو دسته ها

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

سلام

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

مثال

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

حالا زیر مجمو عه هارو نشون نمیده ولی وقتی کد postion رو حذف میکنم زیرمجموعه ها نشون داده میشه اما نا منظم میشه !

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

لطفا بگید مشکل کجاس و چیکار کنم

کد css


.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%;}

کد هدر


<div class="body2">
<ul id="nav">
<li><a href="<?php bloginfo('url'); ?>">صفحه اصلی</a></li>
<li><?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?></li>
<li><a href="#">درباره ما</a></li>
<li><a href="#">تماس با ما</a></li>
</ul></div>

لطفا راهنمایی کنید

0

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


لینک به پست

تو تایپیک دیگتون جواب دادم

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

0

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


لینک به پست

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

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

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

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


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

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

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


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