Top.Mail.Ru
Ответы
Аватар пользователя
14лет
Изменено
Аватар пользователя
Аватар пользователя
Аватар пользователя
Программирование
+4

Я чайник. Простой вопрос по CSS.

Есть стиль css:
* Buttons
* -------------*/
#casing button.uttb {margin:0 0 2px 0;padding:0 2px 2px 0;border:none;background-color:transparent;cursor:pointer;overflow:visible;white-space:nowrap;}
#casing button.uttb_foxy {padding:0;}
#casing *:first-child+html button.uttb[type]{width: 1;} /* IE7 */
#casing button.uttb span.uttbl {background:url('/images/niceforms/btn.png') right -24px no-repeat;display:block;float:left;padding: 0 4px 0 0;margin:0;height:24px;}
#casing button.uttb_hover span.uttbl {background-position:right -72px;}
#casing button.uttb span.uttbm {background:url('/images/niceforms/btn.png') 0 0 no-repeat;color:#fff;padding:0 0 0 8px;display:block;height:24px;}
#casing button.uttb_hover span.uttbm {background-position:0 -48px;}
#casing button.uttb span.uttbr {background:url('/images/niceforms/btn.png') -10px 0 no-repeat;display:block;text-decoration:none;height:24px;font-weight:normal;font-size:11px;line-height:24px;padding:0 5px 0 0;}
#casing button.uttb_hover span.uttbr {background-position:-10px -48px;}
/* IE 6 */
#casing * html button.uttb {height:19px;}
#casing * button.uttb span span {height: 16px;}
/* IE 7 */
#casing *+ html button.uttb {height:19px;}
#casing *+ button.uttb span span {height: 16px;}

Вопрос: Как его применить на кнопку? (Ну типа div class="button" или как?)

По дате
По рейтингу
Аватар пользователя
Новичок
14лет

тут намешано куча всяких стилей, и не только на кнопку.. .
в общем случае надо что-то типа этого:
< div id="casing"> < button class="uttb"> < /div>
или
< span id="casing"> < button class="uttb"> < /span>
или
< td id="casing"> < button class="uttb"> < /td>

#casing -- # означает что это применяется к тому у кого задано id
далее описываются всякие вложенности.
button.uttb -- означает применить в элементу button с классом uttb

Источник: css
Аватар пользователя
Просветленный
14лет