Question

Я не моггу понять как мне сделать чтобы кнопка на моем меню менял цвет?

.cat_b { 
 background:url(http://dnepr-city.do.am/button-1-.png) no-repeat; 
 width:220px; 
 height:50px; 
 display:block; 
 margin-left:-9px;} 

.cat_b:hover {background-position:0 -26px;} 
ul.cat {margin-top:-3px; padding:0; margin:0;} 
ul.cat li {text-decoration:none; padding:1px 0 0 8px; text-align:left;} 

ul.cat li a { 
 padding-top:0px; 
 color:#fff; 
 padding:20px 0 0 8px; 
 text-decoration:none; 
 font-weight:bold;} 

ul.cat li a:hover {color:#1f1f1f; text-decoration:none;}
/* Стили модального окна */ 
.modal-header h2 { 
 color: #555; 
 font-size: 20px; 
 font-weight: normal; 
 line-height: 1; 
 margin: 0; 
} 

Уже сделал кнопку, ну чегото не получается, что не так!

Вот кнопка которую я сделал 

 

Answer 1

В стилях выше замените текущее фото на новое и стили выше:

.cat_b:hover {background-position:0 -26px;}

замените на:

a.cat_b:hover {background-position-y:-55px;} 

 

Comments

Я уже так делал, получась искажения как и сейчас!?

---

Владислав Демченко,

В стилях в строке 662 удалите паддинг  padding:20px 0 0 8px; он ломает отображение.

---

Yuri_Geruk,

Как теперь сделать текст по центру слевой стороны и размером 14px?  И можно мне сделать чтобы надо вставить не одну картинку с двумя кнопками а по раздельности?