Pull to refresh

Comments 28

Только всё же не разделитель, а именно отступ — правильный визуальный отступ между реальными парами «ответ — линейка».
Простите, похоже я не совсем верно сформулировал вопрос. Конечно, подразумевался отступ. Приношу свои глубочайшие извинения.
Да ладно, что вы, я только уточнил. :)
Данную ссылку читал эдак с пол года назад, собственно воспоминания о прочитанном и натолкнуло на идею об изменении оформления голосований. Действительно, отступ - лучший вариант.
Странно говорить об "идее", когда есть норма и здравый смысл. Параграфа 136 Ководства вполне достаточно, для получения эффективного и верного решения в данной ситуации. Для чего голосовать?!

Для чего голосовать?!

Для большей убедительности перед разработчиками Хабра. Сомнений-то в целесообразности предложенного нет никаких.

Но чем-то же администрация руководствовалась, создавая оформление голосования в его текущем виде. Голосование как раз с целью показать что активные хабролюди хотят изменений. Можно считать это акцией, направленной на изменение оформления сайта.
Именно эту ссылку и хотел привести. Конечно, это хрестоматийный пример. Именно подобные ситуации имеет ввиду Тёма.
а по-моему, надо просто знать, что вопрос, относящийся к конкретной балке, находится сверху от нее.
Видишь балку:

вопрос тут
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 78%


а вопрос то сверху.
UFO just landed and posted this here
Угу. Первый постулат юзабилити :).
Поддерживаю. И это правильно.
Я то это знаю, но все равно, это сбивает. Ты не воспринимаешь это на уровне подсознания, а запинаешься на этом, начинаешь разбирать, где что.. Это неудобно.
надо вопрос с балкой рамочкой обвести, менять фон на чет/нечет и еще расстояние 20рх
Нужно к  этому голосованию добавить кандидата «Против всех голосований» :)
добавить отступ и немножко поработать с размером/цветом шрифта - неказисто как-то смотрится

Готовый код для разработчиков:

<style type="text/css">
.pollResults {margin: 1em 0; }
.pollResults DL {margin: 0; margin-bottom: 1.25em; }
.pollResults DL DD {margin: 0; margin-bottom: 0.5em; padding: 0; overflow: hidden; width: 100%; }
.pollResults DL DD DIV {border-bottom: 5px solid #d03a12; float: left; height: 0; padding-top: 0.45em; }
.pollResults DL DD DIV DIV {border: none; height: 1px; overflow: hidden; padding: 0; }
.pollResults DL DD SPAN {float: left; padding-left: 0.3em; }
.pollResults P {color: #949494; font-size: 0.85em; margin: 0; }
</style>

<div class="pollResults">
    <dl>
        <dt>Да, это более удобно</dt>
        <dd><div style="width: 68%"><div></div></div><span>68,35%</span></dd>

        <dt>Нет, лучше оставить как есть</dt>
        <dd><div style="width: 22%"><div></div></div><span>22,15%</span></dd>

        <dt>Я знаю лучший вариант (и напишу его в комментариях)</dt>
        <dd><div style="width: 9%"><div></div></div><span>9,49%</span></dd>
    </dl>
    <p>Проголосовало 123 человека.</p>
</div>

Дело за copy-paste. ;-)

[Что удивляет, так это когда разработчику для замены неудобного решения удобным некогда сделать даже copy-paste…]
Предлагаю опросы составлять из одного варианта: и разделителей не понадобится, и правда восторжествует.
http://www.habrahabr.ru/blog/habrahabr_i…
Вообще написал уже там... но потом увидел это обсуждение. Раз это продолжение собственно
обсуждения того вопроса помещу комментарий и тут тоже.


Мне кажется что все портят циферки с процентами, а они здесь помоему совсем не главное, я бы их переставил. Еще неплохо бы мне кажется покрасить топ результат в какой-нибуть отдельный цвет. Например вот так вот:

Красивый вариант. Для цветового выделения надо бы подобрать какой-нибудь теплый цвет из тех, что уже используются на хабре, а вот расположение цифры с процентами абсолютно верно!
UFO just landed and posted this here
спасибо, внедрим этот вариант, я думаю
Sign up to leave a comment.

Articles