Хотел сделать такую штуку, в блоке с опросом фон у полоски темный а сама полоска будет длиной в нужный процент и результат внутри. В общем, вот то чего я хотел добиться.


Чтобы полоса голубого цвета была шириной в тот процент, чему равен этот вариант ответа. Например если 2 ответа и 2 раза проголосовали то ширина у них будет 50/50 %. Сделал я это таким образом.

<li class="ololo"><span style="width:'.$percent.'%;" class="bar">'.$variant.'</span></li>

Класс "ololo" это серый фон, а "bar" это как раз фон самой полоски голубого цвета, а этим width:'.$percent.'%;" я попытался сделать ширину полоски, как я выше и описал. Сначала подумал что все получилось, а оказалось что ширина ровняется по тексту и все. Вот пример, я сделал длиннее слово нет:


Почему этот код style="width:'.$percent.'%;" не срабатывает?

Не могли бы вы дать ссылку?

К сожалению никак, т.к до сих пор на локалке. Если посмотреть на эту полосу в firebug то там ширина 0%, не считает почему то. Точнее, не выводит процент сам.

Добавлено через 5 минут, 27 секунд:

Кажется я понял в чем ошибка, пойду проверять.

Root, вы же в спан пишите! Ширина спана = ширине текста (иногда, возможно, еще плюс бордер).

А вот что, логично. Я об этом и не подумал совсем. Если заметить span на div то процент считает правильно, но использовать див внутри тега <li> неверное решение?

Root, спросите об этом у валидатора. Как по мне - все нормально.

привет как вобще этот опрос редактировать в шаблоне?

Ну как.. Редактором открываешь и редактируешь,в чем проблема?