soheyl_ir89
June 17th, 2012, 12:02
سلام دوستان
مشکلی که در منوهای پایین می بینید، چه جوری برطرف می شن؟
قسمت زیردسته ها راست چین نیست
http://up98.org/upload/server1/02/j/die056dcr674q6amqc5.png (http://up98.org/)
ul#top-menu { float: right; }
ul#top-menu li { margin-right: 9px; padding-left: 10px; padding-top: 16px; }
ul#top-menu a { font-size:12px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); }
ul#top-menu a:hover { color: #8d96a0; }
ul#top-menu > li.current_page_item > a { color: #8d96a0 !important; font-style: italic; font-family: Georgia, serif;}
ul.nav li ul { text-align: right; width: 178px !important; padding: 4px 37px 14px 5px; background: #e7e7e7 url(images/dropdown-bg.png) repeat-y; top: 49px !important; box-shadow: 3px 1px 7px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 1px 7px 6px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
ul.nav ul li { margin: 0 !important; padding: 0 !important; }
ul.nav ul li a { padding: 12px 0px !important; width: 170px; }
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -3px !important; left: 182px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
http://up98.org/upload/server1/02/j/ge2kin2raat1oe2s2cxx.png (http://up98.org/)
/*------------------------------------------------*/
/*---------------[NAVIGATION MENU]----------------*/
/*------------------------------------------------*/
#navwrap { width: 960px; background-image: url(images/nav-bg.png); text-align: left; position: relative; z-index: 14; }
.nav-shadow { position: absolute; top: 40px; left: 50px; width: 866px; height: 4px; background-image: url(images/nav-shadow.png);}
.nav_top { background-image: url(images/nav-top.png); width: 960px; height: 1px; display: block; float: left; }
.nav_bottom { background-image: url(images/nav-bottom.png); width: 960px; height: 1px; display: block; float: left; }
.nav { padding: 10px 0; float: left; }
.nav li { float: left; padding: 0 10px; list-style-type: none; position: relative;}
.nav li.current_page_item a, .nav li.current-menu-item a, .nav li.current-category-ancestor a, .nav li.current_page_ancestor a, .nav li.current-post-parent a { font-style: italic; color: #989898;}
.nav li a { font-size: 13px; color: #333333; text-transform: uppercase; float: left; }
.nav li ul { background: #fff url(images/dropdown-bg.png) no-repeat bottom; padding: 0 0 10px 0; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1); }
.nav li ul li ul { border-top: 1px solid #d5d5d5; padding-top: 10px; }
.nav li ul li a { width: 196px; padding: 10px 10px 10px 30px; background: url(images/dropdown-arrow.png) no-repeat 20px 17px; }
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]------*/
/*------------------------------------------------*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 15; }
.nav li { float:left; position:relative; z-index: 15;}
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:29px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:216px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 216px; }
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
http://up98.org/upload/server1/02/j/0pzan8wvzwsphs015cs.png (http://up98.org/)
ul.nav { padding-top: 5px; font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; float: right; }
ul.nav li { margin-right: 7px; }
ul.nav a { text-align: right; font-size: 17px; color: #918f8f; text-decoration: none; text-shadow: 1px 1px 0px #fff; padding: 15px 6px 18px; }
ul.nav a:hover { color: #000000; text-shadow: 1px 1px 0px #fff; }
ul.nav ul { width: 189px; background: #f1f0f1; border: 1px solid #ffffff; border-top: none; top: 46px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-right-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; padding: 16px 0px 1px; z-index: 9999; display: none; }
ul.nav ul li { margin: 0px; padding: 0px 4px 20px 18px; }
ul.nav ul li a { background: url(images/dropdown-bullet.png) no-repeat 0px 1px; padding: 0px; width: 155px; }
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
ul.nav > li.current-menu-item, ul.nav > li.current_page_item, ul.nav > li.current-cat { background: url(images/active-link-bg.png) no-repeat top center; }
ul.nav > li.current-menu-item > a, ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { color: #ffffff; font-style: italic; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); background: url(images/left-inner-shadow.png) no-repeat; padding: 15px 12px 18px; }
مشکلی که در منوهای پایین می بینید، چه جوری برطرف می شن؟
قسمت زیردسته ها راست چین نیست
http://up98.org/upload/server1/02/j/die056dcr674q6amqc5.png (http://up98.org/)
ul#top-menu { float: right; }
ul#top-menu li { margin-right: 9px; padding-left: 10px; padding-top: 16px; }
ul#top-menu a { font-size:12px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); }
ul#top-menu a:hover { color: #8d96a0; }
ul#top-menu > li.current_page_item > a { color: #8d96a0 !important; font-style: italic; font-family: Georgia, serif;}
ul.nav li ul { text-align: right; width: 178px !important; padding: 4px 37px 14px 5px; background: #e7e7e7 url(images/dropdown-bg.png) repeat-y; top: 49px !important; box-shadow: 3px 1px 7px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 1px 7px 6px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
ul.nav ul li { margin: 0 !important; padding: 0 !important; }
ul.nav ul li a { padding: 12px 0px !important; width: 170px; }
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -3px !important; left: 182px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
http://up98.org/upload/server1/02/j/ge2kin2raat1oe2s2cxx.png (http://up98.org/)
/*------------------------------------------------*/
/*---------------[NAVIGATION MENU]----------------*/
/*------------------------------------------------*/
#navwrap { width: 960px; background-image: url(images/nav-bg.png); text-align: left; position: relative; z-index: 14; }
.nav-shadow { position: absolute; top: 40px; left: 50px; width: 866px; height: 4px; background-image: url(images/nav-shadow.png);}
.nav_top { background-image: url(images/nav-top.png); width: 960px; height: 1px; display: block; float: left; }
.nav_bottom { background-image: url(images/nav-bottom.png); width: 960px; height: 1px; display: block; float: left; }
.nav { padding: 10px 0; float: left; }
.nav li { float: left; padding: 0 10px; list-style-type: none; position: relative;}
.nav li.current_page_item a, .nav li.current-menu-item a, .nav li.current-category-ancestor a, .nav li.current_page_ancestor a, .nav li.current-post-parent a { font-style: italic; color: #989898;}
.nav li a { font-size: 13px; color: #333333; text-transform: uppercase; float: left; }
.nav li ul { background: #fff url(images/dropdown-bg.png) no-repeat bottom; padding: 0 0 10px 0; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1); }
.nav li ul li ul { border-top: 1px solid #d5d5d5; padding-top: 10px; }
.nav li ul li a { width: 196px; padding: 10px 10px 10px 30px; background: url(images/dropdown-arrow.png) no-repeat 20px 17px; }
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]------*/
/*------------------------------------------------*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 15; }
.nav li { float:left; position:relative; z-index: 15;}
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:29px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:216px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 216px; }
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
http://up98.org/upload/server1/02/j/0pzan8wvzwsphs015cs.png (http://up98.org/)
ul.nav { padding-top: 5px; font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; float: right; }
ul.nav li { margin-right: 7px; }
ul.nav a { text-align: right; font-size: 17px; color: #918f8f; text-decoration: none; text-shadow: 1px 1px 0px #fff; padding: 15px 6px 18px; }
ul.nav a:hover { color: #000000; text-shadow: 1px 1px 0px #fff; }
ul.nav ul { width: 189px; background: #f1f0f1; border: 1px solid #ffffff; border-top: none; top: 46px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-right-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; padding: 16px 0px 1px; z-index: 9999; display: none; }
ul.nav ul li { margin: 0px; padding: 0px 4px 20px 18px; }
ul.nav ul li a { background: url(images/dropdown-bullet.png) no-repeat 0px 1px; padding: 0px; width: 155px; }
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
ul.nav > li.current-menu-item, ul.nav > li.current_page_item, ul.nav > li.current-cat { background: url(images/active-link-bg.png) no-repeat top center; }
ul.nav > li.current-menu-item > a, ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { color: #ffffff; font-style: italic; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); background: url(images/left-inner-shadow.png) no-repeat; padding: 15px 12px 18px; }