۲۰-۸-۱۳۹۳, ۰۶:۰۸ عصر
با سلام
من تمام سایت هایی که میسازم منوهاش توی google chrome مشکل داره
لطفا راهنمایی کنید چجوری برطرف کنم
تصویر 1 توی فایرفاکس گرفته شده که منو سالمه
تصویر 2 توی گوگل کروم گرفته شده که منوها خرابه
توی لوکال با جوملا 3.5 کار میکنم
اینم کد منویی هست که استفاده میکنم
لطفا کمک کنید
من تمام سایت هایی که میسازم منوهاش توی google chrome مشکل داره
لطفا راهنمایی کنید چجوری برطرف کنم
تصویر 1 توی فایرفاکس گرفته شده که منو سالمه
تصویر 2 توی گوگل کروم گرفته شده که منوها خرابه
توی لوکال با جوملا 3.5 کار میکنم
اینم کد منویی هست که استفاده میکنم
لطفا کمک کنید
کد:
#menu {
position:relative;
line-height:12px;}
/* zzzzzzzzzzzzzzzzzzzzzzzzzzzzz */
.menu,
.menu ul,
.menu li,
.menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
/* Menu */
.menu {
width: 500px;
}
.menu li {
position: relative;
list-style: none;
float:right;
height: 30px;
margin-top:0px;
}
/* Links */
.menu li a {
padding:4px 20px 2px 10px;
margin-left:2px;
color: #00607c;
text-shadow:none !important;
display: block;
font-family:'tahoma';
font-size: 13px;
font-weight: normal;
line-height: 28px;
text-decoration: none;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #fff; }/* sabz */
/* Sub Menu */
.menu ul {
z-index:1000;
position: absolute;
top: 35px;
right: 0px;
opacity: 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
.menu li:hover > ul { opacity: 1; }
.menu ul li {
height: 0;
overflow: hidden;
padding: 0;
margin-right:10px;
margin-top:-3px;
margin-bottom:3px;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.menu li:hover > ul li {
height: 25px;
overflow: visible;
padding: 0;
}
.menu ul li a {
background-color:#00c6ff;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
text-align:right;
width: 200%;
padding: 0px 8px 4px 40px;
margin: 0;
font-size: 13px;
border-bottom:1px #000066 solid;
}