input спрайтами?

[olechic]

как сделать такой input http://savepic.net/2903290.htm спрайтами?

[Avalon4eg]

<div class="fon"><input type="text"></div>

css

.fon {
background:transparent url(../images/sprite.png) no-repeat (начальная координата по х)px (Начальная координата по Y)px;
}
input[type='text']{
border: none;
}

[Modestes]

добавлю

плагин jquery.uniform, стиль можно свой подогнать

[olechic]

<div class="fon"><input type="text"></div>

css

.fon {
background:transparent url(../images/sprite.png) no-repeat (начальная координата по х)px (Начальная координата по Y)px;
}
input[type='text']{
border: none;
}

но ведь здесь нет сапрайтов. мне кажется что нужно сделать див , в нем сделать инпут и еще три дива - для первого закругления, для основания, и для последнего закругления, все картинками. но возможно я неправ.

[Avalon4eg]

Может мы по разному понимаем термин спрайт?

Я понимаю это как набор графических элементов оформления, которые собраны на одном изображении, а отображаются по отдельности при помощи задания начальных координат и размеров блоков (как-то так).

http://balbesof.net/article/a-143.html

Для вашего примера, по-моему, достаточно и одного дива (если инпут имеет фиксированные размеры)

Edited June 14, 2012 by Avalon4eg

[olechic]

Может мы по разному понимаем термин спрайт?

Я понимаю это как набор графических элементов оформления, которые собраны на одном изображении, а отображаются по отдельности при помощи задания начальных координат и размеров блоков (как-то так).

http://balbesof.net/article/a-143.html

Для вашего примера, по-моему, достаточно и одного дива (если инпут имеет фиксированные размеры)

а если резиновый?какой приблизительно будет css и html?