-
Добрый день,
Проблема вот в чём:
Описываю кнопку в сss:
картинкa button_114x25.gif на фоне c белым треугольником на краю а сама прозрачная
Код:
/*button*/
.button_new_green div a {
padding-top: 5px;
padding-left: 10px;
color: white;
text-decoration: none;
display: block;
background-color: #59AAB3;
background-image : url('/img/button_114x25.gif');
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
width: 104px;
height: 20px;
}
.button_new_green div a.active, .button_new_green div a:hover {
background-color: #83C2CC;
background-image : url('/img/button_114x25.gif');
}
/*button end*/
описываю html так:
Код:
<td class="button_new_green"><div>[Only registered and activated users can see links. Click Here To Register...]</div></td>
Проблема в том:
При попытке поменять цвет кнопки и тот цвет когда наводиш на кнопку, мне надо сново описывать новый класс, но с другим цветом.
Как сделать так чтобы описав один класс я мог бы легко менять цвет и тот который видимый и тот который когда наводим на кнопку, тоесть ( background-color: #59AAB3; и background-color: #83C2CC;)
Спасибо за ответы
-
не понял вопроса...
HTML:
<a class="button">Текст кнопки</a>
CSS:
a.button {размеры, шрифт... бла, бла; background: #59AAB3 url(картинко); }
a.button:hover {background-color: #59AAB3}
что смущает?
зы: тема, я думаю в верстку
-
цвет прописывай не в CSS классе а в самом обьекте.. тогда ты его просто сможешь поменять this.style.background-color = '#59AAB3'
