Jump to content

Elflight

User
  • Posts

    32
  • Joined

  • Last visited

Posts posted by Elflight

  1. Здравствуйте!

    Наткнулся на проблему: есть меню, на каждый пункт которого при наведении повешена анимация (увеличение фонт-сайза). При этом активный пункт меню помечается классом и к нему анимация применяться не должна (фильтрую выборку с помощью :not). В ФФ работает как надо, в Опере, ИЕ и Хроме - неактивный пункт дрыгается при проходе через него. В ИЕ особенно гадко дрыгается :) Смоделировал ситуацию здесь:

    http://jsfiddle.net/Elflight/w7pcq/6/

    Будьте добры, товарищи, подскажите решение...

  2. Странно, я проверяю данный код и без overflow все нормально отображается. вот смотрите ссылка

    Может это из-за других каких-нибудь свойств происходит?...

    Да, убрал слайдер в шапке - стало нормально. Список не в шапке, шапка отделена <header></header>... Странно. Буду искать причину. Спасибо!

  3. Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком:


    <ul class="buttons">
    <li><a href="#">Пенсионное обеспечение граждан</a></li>
    <li><a href="#">Социальная поддержка населения</a></li>
    <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li>
    <li><a href="#">Социальная поддержка семей, имеющих детей</a></li>
    <li><a href="#">Адресная социальная помощь</a></li>
    <li><a href="#">Реабилитация и социальная адаптация инвалидов</a></li>
    </ul>

    .buttons {
    width: 980px;
    overflow: hidden;
    }

    .buttons li {
    width: 279px;
    height: 62px;
    background-color: blue;
    margin: 14px;
    float: left;
    }

    При этом, если .buttons не имеет свойства overflow, то кнопки висят в разнобой - одна висит сверху, вторая под ней, от этой второй как-то неуверенно начинается обтекание — полный бедлам, в общем. Если ставлю overflow:hidden или display:table, то кнопки выстраиваются ровно и правильно, но над ними образуется непонятное пустое пространство, как будто там еще одна невидимая кнопка висит... Такая ситуация в 5 популярных браузерах, так что можно сказать, везде. Подскажите пожалуйста, чем вызвано такое поведение и как его побороть?

  4. А не скажешь, какие сейчас из голосовых браузеров актуальны?

    Увы, пока приходится работать, опираясь на теоретические стандарты. Когда будет что тестировать - буду искать тестеров, у них буду спрашивать про браузеры :)

  5. Нашел информацию. Похоже, алерты срабатывают нормально, кроме того предлагается использовать prompt-окошки для повторного запроса некорректных значений. Если использовать валидацию на стороне клиента, то необходимо выводить уведомления об ошибках непосредственно перед кнопкой сабмита (!), т.е. когда пользователь закончил обход полей формы и добрался до кнопки, его уже должны поджидать сообщения об ошибках (я думаю, кнопку даже стоит блокировать). При валидации на стороне сервера обновлять страницу сразу с фокусом на ошибки, после которых должна следовать форма. Сообщения об ошибках должны предоставлять непосредственный доступ к проблемному полю (Пожалуйста, <a href="#firstname">введите корректное имя</a>.)

    Подробнее здесь: http://webaim.org/techniques/formvalidation/

    Тема закрыта :)

  6. Здравствуйте! У меня вопрос скорее методологический, однако более подходящей ветки не нашел. Я занимаюсь созданием сайта, который должен быть максимально адаптирован для удобства пользователей с ограниченными возможностями здоровья, в частности, слабовидящих людей, которые работают с веб-страницами с помощью озвучивающих устройств. Опыта работы с подобными устройствами у меня нет, поэтому возник вопрос по веб-формам. Как сверстать форму, чтобы её было удобно заполнить — понятно. Но как вывести ошибки валидации или сообщение об успешном принятии данных? Варианты имею следующие:

    - вывести ошибки или результат около формы или в попапе — не подходит, читалка не узнает, что появилась информация, которую надо срочно прочесть. Или узнает?

    - обновить страницу и в самом начале страницы вывести ошибки или результат со ссылкой на переход к форме - терпимо, но для обычного посетителя выглядит некрасиво. Или я не прав?

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

    Если кто-то сталкивался с подобной задачей — выскажите, пожалуйста, свое мнение.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy