Создание css

[inokentik 45]

Подскажите пожалуйста, а как сделать более грамотно написание кнопки? У меня ест ькартинка из трех частей, левая, центр и правая, при сложении которых получается красивая кнпочка, а как это прописат ьвсе не в шаблоне а именно в файле стиля css чтоб в итоге в нужном месте вставить <div class=knopka> например и появилась полностью кнопочка? Т оесть инетересует, можно ли в 1 строке или в 1 классе под названием knopka собрать все три рисунка в один и чтоб выглядело одним элементом?

[baxus 49]

<div class="knopka">Имя кнопки</div>

css без спрайтов

.knopka{

background:url(путь до картинки) no-repeat;

width:100px;

height:100px;

}

.knopka:hover{

background:url(путь до второй) no-repeat;

}

.knopka:active{

background:url(путь до третей) no-repeat;

}

[inokentik 45]

ммм, а что аткое спрайты?

И я имел ввиду не 3 разные кнопки, а одна картинка из 3 частей, левый бок (с закруглением) затем центральный, а после правый тоже с закруглением.

Спосиш ьпочему не 1 картикной, а из частей ,потмоу чт ослово может быть разное по длине и чтоб кнопка играла по ширине в зависимости от слова на ней!

Во тпример, если не понял о чем речь

Вот эти 3 кусочка можно как то описать в стиле, чтоб потом я сделал так в шаблоне

<div class=knopka><a href=>ГЛАВНАЯ СТРАНИЦА</a></div> и в итогеполучилась 1 кнпока целая с данной надписью...?

Изменено 30 ноября 2009 пользователем inokentik

[baxus 49]

тогда три блока див в боковых просто через <img вставляешь картинки правую и левую

а в ксс

.block1{

float:left;

}

.block2{

float:left;

фоновая картинка с центром кнопки

}

.block3{

float:left;

}

Можно сделать так.

Блок

<div class="knopka">

внутри него ещё два блока с картинками вставлеными через имг

для внутренних блоков ставишь float:left и float:right: соответственно.

а в сам блок прописываешь название кнопки, и фоновое изображение кнопки.

Спрайт это одна картинка с несколькими состояниями кнопок. В папке dleimages есть спрайт рейтинга.

[inokentik 45]

ну можно и сделать табличкой с 3 ячейками... по бокам картинка, а внутри фон центральный и текст.. Я просто удмал это как то можно все в стиле описать и потмо только вставить одним классом

[baxus 49]

подождать немного скоро браузеры начнут поддерживать размер фонов... можно будет одной картинкой вставить и растягивать картинку.

[inokentik 45]

ну так хочется уже сейчас творить и тврорить придется тогда в виде таблички лепить

[WWW.ZEOS.IN 1 161]

Из трёх картинок сделать одну картинку и разместить её как ссылку <a href="..."><img src="..."></a>

[inokentik 45]

Из трёх картинок сделать одну картинку и разместить её как ссылку <a href="..."><img src="..."></a>

не покатит, кнопки не одинаковые, а разной ширины, это тогдепридется столько кнопок и рисовать.. трафик.. тяжесть сайту лишняя