Я и ковыряю CSS FireBugом
просто не могу в s5_suckerfish.css и Style.css прописать что бы было 2-е картинки в меню вот код "s5_suckerfish.css"
#s5_navv a {
font-family: 'Lucida Grande',helvetica,verdana,sans-serif,arial;
font-weight:bold;
font-size: 11px;
float: left;
color:#ffffff;
padding-left:10px;
padding-right:10px;
padding-top:21px;
display: block;
cursor: pointer;
height:21px;
text-decoration:none;
overflow: hidden;
margin-left:10px}
#s5_navv ul li ul li a {
height: 16px;
line-height: 19px;
border-right:none;
background:none;
text-indent:3px;
}
#s5_navv li li a{
background: none;
font-weight: bold;
font-size:11px;
padding: 0;
padding-top:5px;
padding-left:22px;
}
#s5_navv, #s5_navv ul {
height:41px;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
* HTML #s5_navv {
overflow:hidden;
}
#s5_navv ul ul a {
display: block;
text-decoration: none;
width: 190px;
text-transform: none;
}
#s5_navv li {
float: left;
padding: 0;
height: 41px;
}
#s5_navv ul li ul li {
border-bottom:solid 1px #565656;
height: 28px;
}
#s5_navv ul li {
position: relative;
}
#s5_navv li ul {
z-index: 3;
top: 41px;
position: absolute;
left: -999em;
height: auto;
width: 215px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
}
#s5_navv ul {
padding: 0;
margin: 0;
}
#s5_navv li li {
float: left;
padding: 0;
width: 215px;
}
#s5_navv li ul ul {
margin: -42px 0 0 215px;
}
#s5_navv li:hover ul ul,
#s5_navv li:hover ul ul ul,
#s5_navv li:hover ul ul ul ul,
#s5_navv li.sfhover ul ul,
#s5_navv li.sfhover ul ul ul,
#s5_navv li.sfhover ul ul ul ul {
position:absolute;
left: -999em;
z-index:2;
}
#s5_navv li:hover ul,
#s5_navv li li:hover ul,
#s5_navv li li li:hover ul,
#s5_navv li li li li:hover ul,
#s5_navv li.sfhover ul,
#s5_navv li li.sfhover ul,
#s5_navv li li li.sfhover ul,
#s5_navv li li li li.sfhover ul{
position:absolute;
z-index: 2;
left: 0;
}
#s5_navv li:hover, #s5_navv li.sfhover {
position:relative;
z-index: 2;
left: 0;
}
#s5_navv ul ul {
background:url(../images/s5_dd_menu.png) repeat-y top left;
border-bottom:1px solid #565656;
border-left:1px solid #464646;
border-right:1px solid #404040;
border-top:1px solid #565656;
border-width:1px 1px 1px 1px;
margin-left:2px;
}
#s5_navv ul li:hover, #s5_navv ul li.sfhover {
background:url(../images/s5_menu_hover.png);
}
#s5_navv li:hover ul, #s5_navv li.sfhover ul {
left: 0;
background-position: 0 0;
}
#s5_navv ul li a.parent, #s5_navv ul li a.parent:hover {
height:17px;
background:url(../images/s5_dd_parent.png) no-repeat top right;
}
#s5_navv li li:hover, #s5_navv li li.sfhover {
background:none;
background:#333333;
}
#s5_navv ul li.active a.active {
padding-left:18px;
padding-right:18px;
padding-top:18px;
font-size:13px;
display:block;
background:none;
}
#s5_navv ul li.active:hover, #s5_navv ul li.active.sfhover {
background:none;
}
"А вот style1.css"
body {
background:#FFFFFF url(../images/style1/s5_background.jpg) repeat-x top center;
}
#s5_menu {
border-bottom:solid 2px #2EA2C5;
}
#s5_sub_menu {
background:url(../images/style1/s5_menu_line.png);
border-left:solid 1px #77C2D9;
border-right:solid 1px #77C2D9;
padding-top:5px;
padding-bottom:5px;
}
* HTML #s5_sub_menu {
border:none;
}
.button, a:link, a:visited, .s5_h3_first, ul.menu #current span, .componentheading, .contentheading, h1, h2, h3, h4, h5, #s5_closed, #s5_open {
color:#2588A6;
}
#s5_vm_search_button_middle {
height:28px;
background:transparent url(../images/style1/s5_m_search_button.png) repeat-x;
float:right;
margin-top:5px;
margin-right:15px;
}
* HTML #s5_vm_search_button_middle {
width:1px;
margin-right:15px;
}
#s5_vm_search_button_left {
height:28px;
background:transparent url(../images/style1/s5_l_search_button.png) no-repeat top left;
}
#s5_vm_search_button_right {
height:28px;
background:transparent url(../images/style1/s5_r_search_button.png) no-repeat top right;
}
#s5_navv ul li.active span.s5_outer_active span.s5_rs {
background:transparent url(../images/style1/s5_l_menu_act.png) no-repeat top left;
height:41px;
display:block;
float:left;
}
#s5_navv ul li.active span.s5_outer_active {
background:transparent url(../images/style1/s5_r_menu_act.png) no-repeat top right;
height:41px;
display:block;
float:left;
}
#s5_navv a{
background-position:url(../images/style1/s5_r_menu_act.png) no-repeat top right;
background:transparent url(../images/style1/s5_l_menu_act.png) no-repeat top left;
height:41px;
display:block;
float:left;
}
#s5_bottom_row_1 {
background:transparent url(../images/style1/s5_bot_row_m.png) repeat-x top center;
}
#s5_bottom_row_2 {
background:transparent url(../images/style1/s5_bot_row_l.png) no-repeat top left;
position:relative;
}
#s5_bottom_row_3 {
background:transparent url(../images/style1/s5_bot_row_r.png) no-repeat top right;
padding-left:13px;
padding-right:13px;
padding-top:52px;
}
.addtocart_button {
background:transparent url(../images/style1/s5_add_to_cart.png) no-repeat top left;
height:25px;
width:96px;
margin-top:0px;
margin-bottom:10px;
font-size:12px;
border:none;
font-weight:bold;
color:#FFFFFF;
}
03.02.2020, 18:49:47