Верстка диапазонной шкалы

Столкнулся...незнаю как реализовать.
Как вот такое верстается

Мне нужно как это сделать с помощью HTML+CSS. Структура какая должна быть?
ПРограммингом уже будут заниматся другие

Я как-то делал то же самое и где-то спрашивал
или у divа width в % выставлять
.class {
width:20%;
float:left;
}
или
<td width="20%>
вроде так, но не факт

Неочень я понял

Верстайте 1 картинкой если дальше не вам заниматься =)шучу
блоками не вижу проблемы... как-то так,художнег из меня не очень,но логику думаю передать получится, все картинки - бекграунды

<td>бегунок</td>
<td width="%">зеленая шкала</td>
<td>бегунок</td>
<td width="%> шкала</td>

Цитата ("birusa"):

<td>бегунок</td>
<td>зеленая шкала</td>
<td>бегунок</td>
<td> шкала</td>

Явно не так.

Кароче надо как на маркет.яндекс. надо только разбирать... думал может кто знает есть какой-то шаблончик+)

А мой вариант вам чем не нравиться? я вель явно разделил на блоки осталось только сверстать?

Блок фона, первый, блок фона второй (позиционируется js с фоном выбраной области), 2 ссылки, абсолютная позиция - ползунки, все это потом советую связать с jQuery UI (там можно создать свой ui только для нужных вам функций)Цитата ("_VersouL_"):

А мой вариант вам чем не нравиться? я вель явно разделил на блоки осталось только сверстать?

вы забыли добавить что 2 блока с фоном =)

Цитата ("zombieman"):

вы забыли добавить что 2 блока с фоном =)

Цитата ("_VersouL_"):

все картинки - бекграунды

я бы сделал 3 блока и 2 ссылки(те,что двигаются ссылками) и все 5 с бекграундами
а потом естественно весь функционал на жкуери или мотулс

Вообще довольно интересная задача, masterix, не дадите psd?

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

посилання
чем вам это не нравится?

Сверстать-то можно, но тут анимация наверное нужна, тут без жыкваери никуда....не усложняйте себе жизнь

Берите jquery и не придумывайте велосипед...

<input type="range" />

Цитата ("chromotron"):

<input type="range" />

HTML5 в массы!

zombieman, Доброго времени суток, могу сказать что я заказчик этого проекта - и был бы категорически против публикации psd до сдачи проекта. А вот о чем речь - расширенный поиск на яндекс маркете является прототипом задачи. Так что даже psd не нужен