Elflight
-
Posts
32 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Elflight
-
-
Здравствуйте!
Наткнулся на проблему: есть меню, на каждый пункт которого при наведении повешена анимация (увеличение фонт-сайза). При этом активный пункт меню помечается классом и к нему анимация применяться не должна (фильтрую выборку с помощью :not). В ФФ работает как надо, в Опере, ИЕ и Хроме - неактивный пункт дрыгается при проходе через него. В ИЕ особенно гадко дрыгается Смоделировал ситуацию здесь:
http://jsfiddle.net/Elflight/w7pcq/6/
Будьте добры, товарищи, подскажите решение...
-
Странно, я проверяю данный код и без overflow все нормально отображается. вот смотрите ссылка
Может это из-за других каких-нибудь свойств происходит?...
Да, убрал слайдер в шапке - стало нормально. Список не в шапке, шапка отделена <header></header>... Странно. Буду искать причину. Спасибо!
-
Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком:
<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 популярных браузерах, так что можно сказать, везде. Подскажите пожалуйста, чем вызвано такое поведение и как его побороть?
-
А не скажешь, какие сейчас из голосовых браузеров актуальны?
Увы, пока приходится работать, опираясь на теоретические стандарты. Когда будет что тестировать - буду искать тестеров, у них буду спрашивать про браузеры
-
Нашел информацию. Похоже, алерты срабатывают нормально, кроме того предлагается использовать prompt-окошки для повторного запроса некорректных значений. Если использовать валидацию на стороне клиента, то необходимо выводить уведомления об ошибках непосредственно перед кнопкой сабмита (!), т.е. когда пользователь закончил обход полей формы и добрался до кнопки, его уже должны поджидать сообщения об ошибках (я думаю, кнопку даже стоит блокировать). При валидации на стороне сервера обновлять страницу сразу с фокусом на ошибки, после которых должна следовать форма. Сообщения об ошибках должны предоставлять непосредственный доступ к проблемному полю (Пожалуйста, <a href="#firstname">введите корректное имя</a>.)
Подробнее здесь: http://webaim.org/techniques/formvalidation/
Тема закрыта
-
Здравствуйте! У меня вопрос скорее методологический, однако более подходящей ветки не нашел. Я занимаюсь созданием сайта, который должен быть максимально адаптирован для удобства пользователей с ограниченными возможностями здоровья, в частности, слабовидящих людей, которые работают с веб-страницами с помощью озвучивающих устройств. Опыта работы с подобными устройствами у меня нет, поэтому возник вопрос по веб-формам. Как сверстать форму, чтобы её было удобно заполнить — понятно. Но как вывести ошибки валидации или сообщение об успешном принятии данных? Варианты имею следующие:
- вывести ошибки или результат около формы или в попапе — не подходит, читалка не узнает, что появилась информация, которую надо срочно прочесть. Или узнает?
- обновить страницу и в самом начале страницы вывести ошибки или результат со ссылкой на переход к форме - терпимо, но для обычного посетителя выглядит некрасиво. Или я не прав?
- при ошибках валидации вывести голую страницу (без шапки и прочего оформления), содержащую только ошибки и форму, чтобы человек мог спокойно разобраться с формой, не отвлекаясь на прочий контент, а при успешной отправке - обновить страницу в обычном режиме и показать соответствующее сообщение в начале страницы. Вроде бы самый правильный вариант, но может быть можно проще?
Если кто-то сталкивался с подобной задачей — выскажите, пожалуйста, свое мнение.
jquery фильтр :not и анимация
in JavaScript
Posted
И правда.. Вот раззява..
Спасибо огромное!