Sorun basittir mutlaka ama çözemedim ben
Yukarı Çık kelimesini menüye ekliyorum ama çık kelimesi alta iniyor.
Ama Boşluk bırakmadan yazarsam sıkıntı yok uzayıp gidiyor
Style içinde menünün css kodları da bunlar
.main-center-block {
width: 1165px;
margin: 0 auto;
text-align: left;
position: relative;
padding: 0 0 0 35px;
}
.left-col {
position: absolute;
left: 0;
top: 0;
width: 40px;
z-index: 555;
}
.main-menu {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.main-menu2 {
position: fixed;
top: 10px;
}
.main-menu ul {
margin: 0;
padding: 0;
}
.main-menu ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
.main-menu ul ul {
left: 40px;
top: 40px;
position: absolute;
display: none;
}
.main-menu-link {
width: 40px;
height: 40px;
overflow: hidden;
position: relative;
background: #f8f8f8;
display: block;
border-right: 1px #ededed solid;
border-bottom: 1px #ededed solid;
z-index: 333;
}
.main-menu-link span {
display: block;
position: absolute;
left: 100px;
height: 40px;
line-height: 40px;
padding: 0 15px 0 10px;
background: #333;
color: #fff;
font-size: 16px;
border-bottom: 1px #0b0b0b solid;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.main-menu-link i {
position: absolute;
left: 11px;
top: 11px;
font-size: 18px !important;
color: #bfbfbf;
}
.color1 i {
color: #3ebe9b;
}
.color2 i {
color: #8365c1;
}
.color3 i {
color: #6a95ca;
}
.color4 i {
color: #ffa478;
}
.color5 i {
color: #ff78ae;
}
.color6 i {
color: #8cca35;
}
.color7 i {
color: #70a3cb;
}
.color8 i {
color: #3ebe9b;
}
.color9 i {
color: #8365c1;
}
.colo*** i {
color: #6a95ca;
}
.color11 i {
color: #ffa478;
}
.color12 i {
color: #ff78ae;
}
.color13 i {
color: #8cca35;
}
.color14 i {
color: #70a3cb;
}
.main-menu-link:hover {
overflow: visible;
background: #0b0b0b;
border-right: 1px #0b0b0b solid;
border-bottom: 1px #0b0b0b solid;
}
.main-menu-link:hover span {
display: block;
left: 41px;
width: auto;
}
.sub-li {
position: relative;
}
.main-menu ul ul ul {
position: static;
margin: 0 0 0 20px;
}
.show-menu ul .main-menu-link {
overflow: visible;
}
.show-menu ul .main-menu-link span {
display: block;
left: 0px;
width: auto;
}
.show-menu ul .main-menu-link span {
background: #575757;
}
.show-menu ul .main-menu-link:hover span {
background: #000;
}
.show-menu > .main-menu-link {
overflow: visible;
background: #0b0b0b;
border-right: 10px #0b0b0b solid;
border-bottom: 10px #0b0b0b solid;
}
.show-menu > .main-menu-link span {
display: block;
left: 41px;
width: auto;
}