پایین اومدن محل منوها

reza_mirzapour2002 · آبان 91

سلام

www.iranvaluation.ir

من الان لوگوی سایت رو تغییر دادم ولی لوگو من افتاده زیر منوها .فایل menu.css رو با notepad++ باز کردم ولی نمیدونم دقیقا باید کدوم قسمتش رو تغییر بدم که منو یه پله بیاد پایین .

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

/* menu::base */

div#menu ul {

margin: 0;

padding: 0;

list-style: none;

}

div#menu ul li {

float:right;

}

div#menu ul.menu {

padding-right: 5px;

}

div#menu li {

position: relative;

z-index: 9;

margin: 0;

padding: 0 5px 0 5px;

display: block;

float: right;

}

div#menu li:hover>ul {

right: -2px;

}

div#menu a {

position: relative;

z-index: 10;

height: 36px;

display: block;

float: left;

line-height: 36px;

text-decoration: none;

font: normal 12px tahoma;

direction:rtl;

text-align:right

}

div#menu a:hover, div#menu a:hover span { color: #fff; }

div#menu li.current a {}

div#menu span {

display: block;

cursor: pointer;

background-repeat: no-repeat;

background-position: 95% 0;

}

div#menu ul ul a.parent span {

}

div#menu ul ul a.parent:hover span {

}

/* menu::level1 */

div#menu a {

padding: 3px 10px 0 10px;

line-height: 30px;

color: #666;

}

div#menu span {

margin-top: 0px;

}/**@replace#1*/

div#menu li.last { background: none; }

/* menu::level2 */

div#menu ul ul li { background: none; direction:rtl;

text-align:right;

padding:2px 0;

}

div#menu ul ul li:hover {

}

div#menu ul ul {

position: absolute;

top: 20px;

left: -999em;

width: 160px;

padding: 0px ;

margin-top:1px; direction:rtl;

text-align:right;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

behavior: url(PIE.php);

}

div#menu ul ul a span {

color:#FFF}

div#menu ul ul a {

padding: 0 15px 0 0;

height: auto;

float: none;

display: block;

line-height: 24px;

color: #003;

}

div#menu ul li ul li a { color: #FC0;

}

div#menu ul ul span {

margin-top: 0;

padding-right: 15px;

_padding-right: 20px;

right:0;

direction:rtl;

text-align:right

}

div#menu ul ul a:hover span {

color: #fff;

}

div#menu ul ul li.last { background: none; }

div#menu ul ul li {

width: 100%;

}

/* menu::level3 */

div#menu ul ul ul {

padding: 0;

margin: -18px 178px 0 0 !important;

margin-right:172px;

}

div#menu a {

color:#FFF}

/* colors */

div#menu ul ul ul { background: rgb(36,36,36); }

div#menu ul ul ul ul { background: rgb(51,51,51); }

div#menu ul ul ul ul ul { background: rgb(51,51,51); }

/* lava lamp */

div#menu li.back {

width: 13px;

height: 44px;

z-index: 8;

position: absolute;

margin: -1px 0 0 -5px;

}

div#menu li.back .left {

height: 44px;

margin-right: 8px;

}

div#menu ul {

margin: 0;

padding: 0;

list-style: none;

float: right;

padding-right: 6px;

height:31px;

}

div#menu li {

position: relative;

margin: 0;

padding: 0 0px 0 0;

display: block;

float: right;

z-index: 9;

width: auto;

}

div#menu ul ul li {

z-index: 9;

}

div#menu ul ul {

z-index: 999;

padding: 5px 0px 5px 0px;

background-color:#333;

margin: 10px 0 0 0;

height:auto;

border:#585858 1px solid;

}

div#menu ul ul ul {

padding: 5px 0px 5px 0px;

background-color:#333;

margin: 10px 0 0 0;

border:#585858 1px solid;

}

div#menu li:hover>div {

visibility: visible;

}

div#menu a {

position: relative;

z-index: 10;

height: 50px;

display: block;

float: left;

line-height: 50px;

text-decoration: none;

margin-top: 1px;

white-space: nowrap;

width: auto;

padding-right:5px;

text-align:right;

}

div#menu span {

margin-top:5px;

padding-left: 15px;

color: #fff;

font: normal 12px Tahoma,Arial;

background: none;

line-height: 15px;

display: block;

cursor: pointer;

background-repeat: no-repeat;

background-position: 95% 0;

text-align: center;

}

/* menu::level1 */

div#menu a {

padding: 0 10px 0 0;

line-height: 50px;

height: 30px;

margin-right: 5px;

_margin-right: 1px;

background: none;

text-transform: uppercase;

}

div#menu a:hover {

background: url(../images/menu/selected-right-sub.png) no-repeat right -1px;

}

div#menu a:hover span {

}

div#menu li.current a,

div#menu ul.menu>li:hover>a {

background: url(../images/menu/selected-right-sub.png) no-repeat right -1px;

}

div#menu li.current a span,

div#menu ul.menu>li:hover>a span {

}

div#menu ul.menu>li:hover>a span {

color: #07b3e1;

}

div#menu li { }

div#menu li.last { background: none; }

/* menu::level2 */

div#menu ul ul li {

background: none;

background-image:url(../images/menu/nav_line.png);

background-position:center bottom;

background-repeat:no-repeat;

background-attachment: scroll;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

}

div#menu ul ul a {

padding: 0px;

height: auto;

float: none;

display: block;

line-height: 25px;

font-size: 11px;

color: #fff;

z-index: -1;

padding-left: 2px;

white-space: normal;

width: 162px;

margin: 0 8px;

text-transform: none;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

behavior: url(PIE.php);

overflow:hidden;

}

div#menu ul ul a span {

padding: 0 5px;

line-height: 25px;

font-size: 11px;

width:150px;

}

div#menu li.current ul a,

div#menu li.current ul a span {

background:none;

}

div#menu ul ul a:hover {

background:none;

background-color: #3c3c3c;

}

div#menu ul ul a:hover span {

background:none;

color: #07b3e1;

}

div#menu ul ul a.parent {

background: url(../images/menu/submenu-pointer.png) no-repeat right bottom;

}

div#menu ul ul a.parent span {

background:none;

}

div#menu ul ul a.parent:hover {

background: url(../images/menu/submenu-pointer.png) no-repeat right bottom;

background-color: #3c3c3c;

}

div#menu ul ul a.parent:hover span {

background:none;

}

div#menu ul ul span {

padding: 1px 7px 1px 2px;

margin-top: 0;

text-align: right;

width:158px;

font-size:11px;

overflow:hidden;

}

div#menu ul ul li.last { background: none; }

div#menu ul ul li {

width: 100%;

}

/* menu::level3 */

div#menu ul ul div {

width: 180px;

padding: 0;

margin: -62px 0 0 165px !important;

}

div#menu ul ul ul {

padding: 1px 2px 1px 2px;

}

div#menu ul ul div li {

position:relative;

top:-10px;

}

/* lava lamp */

div#menu li.back {

background: url(../images/menu/selected-left-sub.png) no-repeat 0 0;

width: 5px;

height: 52px;

z-index: 8;

position: absolute;

padding: 0;

margin: 0px 0 0 0;

}

div#menu li.back .left {

padding:0;

width:auto;

background: url(../images/menu/selected-right-sub.png) no-repeat right 0;

height: 52px;

margin: 0 0 0 5px;

float: none;

position: relative;

top: 0;

left: 0;

visibility: visible;

}

ممنونم

saber · آبان 91

سلام شما در فایل menu.css خط 212 این کلاس رو ببینید

div#menu span {
   margin-top: 5px;
   padding-left: 15px;
   color: rgb(255, 255, 255);
   font: 12px/15px Tahoma,Arial;
   background: none no-repeat scroll 95% 0px transparent;
   display: block;
   cursor: pointer;
   text-align: center;
}

توی این کلاس مقدار padding-left رو از 15 به 5 تغییر بدید بعد تغییر با ctrl+f5 رفلش کنید...

ورود

پایین اومدن محل منوها

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

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

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

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

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

خانه

فعالیت ها