mohsen.nsb44
یک شنبه 11 آبان 1393, 12:59 عصر
سلام من یه منو افقی دارم اونایی که زیر منو دارن یک عکس به صورت فلش در سمت راست متن نمایش میده چون متن من فارسیه میخوام اون فلش در سمت چپ متن من نشون داده بشه
کد css
#navigation {
margin:0;
padding: 0;
clear:both;
width:950px;
height:51px;
background: #d6eaf8 url(../images/dropdown-bg.gif) repeat-x right top;
top: 0px;
right: 0px;
}
ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-main {
position: relative;
z-index: 597;
}
ul.nav-main li:hover > ul {
visibility: visible;
}
ul.nav-main li.hover,
ul.nav-main li:hover {
position: relative;
z-index: 599;
cursor: pointer;
background: url(../images/dropdown-bg-hover.gif) repeat-x right top;
}
ul.nav-main li {
float:right;
display:block;
height: 51px;
color: #999;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
background: url(../images/separator.gif) no-repeat right center;
}
ul.nav-main li a {
display:block;
padding: 16px 16px 0 16px;
height: 35px;
color: #999;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul.nav-main li a:hover {
color:#D6D6D6;
}
ul.nav-main *.list {
padding-right: 22px;
background: url(../images/navigation-arrow.gif) no-repeat right top;
}
ul.nav-sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 48px;
right: 0;
z-index: 598;
background: #353535 url(images/dropdown-list-bg.gif) repeat-x right top;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
ul.nav-sub li {
list-style:none;
display:block;
padding: 0;
height: 27px;
width:145px;
border-bottom: 1px solid #5a5a5a;
background: none;
float:none;
}
ul.nav-sub li a {
list-style:none;
display:block;
padding: 6px 5px 6px 0px;
height: 15px;
float: none;
width:145px;
text-align:right;
background: none;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
}
اسم عکس navigation-arrow.gif
کد css
#navigation {
margin:0;
padding: 0;
clear:both;
width:950px;
height:51px;
background: #d6eaf8 url(../images/dropdown-bg.gif) repeat-x right top;
top: 0px;
right: 0px;
}
ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-main {
position: relative;
z-index: 597;
}
ul.nav-main li:hover > ul {
visibility: visible;
}
ul.nav-main li.hover,
ul.nav-main li:hover {
position: relative;
z-index: 599;
cursor: pointer;
background: url(../images/dropdown-bg-hover.gif) repeat-x right top;
}
ul.nav-main li {
float:right;
display:block;
height: 51px;
color: #999;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
background: url(../images/separator.gif) no-repeat right center;
}
ul.nav-main li a {
display:block;
padding: 16px 16px 0 16px;
height: 35px;
color: #999;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul.nav-main li a:hover {
color:#D6D6D6;
}
ul.nav-main *.list {
padding-right: 22px;
background: url(../images/navigation-arrow.gif) no-repeat right top;
}
ul.nav-sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 48px;
right: 0;
z-index: 598;
background: #353535 url(images/dropdown-list-bg.gif) repeat-x right top;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
ul.nav-sub li {
list-style:none;
display:block;
padding: 0;
height: 27px;
width:145px;
border-bottom: 1px solid #5a5a5a;
background: none;
float:none;
}
ul.nav-sub li a {
list-style:none;
display:block;
padding: 6px 5px 6px 0px;
height: 15px;
float: none;
width:145px;
text-align:right;
background: none;
font: 12px Tahoma,Arial, Helvetica, sans-serif;
}
اسم عکس navigation-arrow.gif