niechany bolder wokół tekstu w submenu, wokół tekstu w rozwijanym submenu mam ramkę, której nie chcę. Opcje

[Mayteck]

Proszę efekt jest taki:

(IMG:https://zapodaj.net/images/52556c7d904a2.png)

A pragnąłbym aby tych ramek nie było, a jedynie, pomiędzy pozycjami pozioma kreska na 1 px.

Oto kod:

.dj-main li.hover {
position: relative;
z-index: 200;
}

.dj-main li.hover ul.dj-submenu {
left: 2px;
top: 70px;
background: #3562BD;
margin: 3px !important;
padding: 3px !important;
/*border: 1px solid #0b4d97;*/
width: 190px;
height: auto;
z-index: 300;
}

.dj-main li.hover ul.dj-submenu li {
display: block;
height: 65px;
position: relative;
float: left;
width: auto;
font-weight: normal;
}

.dj-main li.hover ul.dj-submenu li a {
display: block;
font-size: 18px;
height: auto;
width: 183px;
line-height: 18px;
color: #fff;
text-decoration: none;
/*border: 1px solid #50b5d0;*/
padding-left: 5px;
}

.dj-main li ul.dj-submenu li a.dj-more {
background: #3562BD url(../images/arrow.gif) auto;
}

.dj-main li.hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
background: #DE0D11;
color: #fff;
/*border-color: #fff;*/
}

.dj-main li.hover ul.dj-submenu li a.dj-more:hover {
background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
color: #fff;
}

.dj-main li.hover ul.dj-submenu li a.dj-more-active {
background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
color: #fff;
}

.dj-main li.hover ul.dj-submenu li a.dj-more-active:hover {
/*border-color: #fff;*/
background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
}

.dj-main li.hover li.hover ul, .dj-main li.hover li.hover li.hover ul, .dj-main li.hover li.hover li.hover li.hover ul, .dj-main li.hover li.hover li.hover li.hover li.hover ul {
left: 190px;
top: -4px;
background: #50b5d0;
padding: 3px;
/*border: 1px solid #0b4d97;*/
white-space: nowrap;
width: 190px;
z-index: 400;
height: auto;
}

.dj-main ul, .dj-main li.hover ul ul, .dj-main li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover li.hover ul ul {
position: center;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}

.dj-main li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover li.hover li.hover a.dj-more {
background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
color: #fff;
/*border-color: #fff;*/
}

.dj-main li.hover li.hover li a.dj-more, .dj-main li.hover li.hover li.hover li a.dj-more, .dj-main li.hover li.hover li.hover li.hover li a.dj-more {
background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
color: #000;
/*border-color: #50b5d0;*/
}


Mózg mi wypływa oczami. Jak to zrobić? Domyślam się, że kod jest brzydki bowiem to moje początki z phpem.

Ten post edytował Mayteck 27.04.2016, 13:21:22