amelice

Год назад начинала форму Артема (Temiks), так как знаний не было по скриптам, далеко не ушла. )) Решила закончить начатое. Попинайте код, верстку. (> ИЕ7) http://chebureks.ru/tests/form-select/#

Я хочу для себя подытожить тему и для этого буду ориентироваться на твое решение: Что нужно было сделать (по моему): 1. Соблюдать отступы в самых верхних блоках, какие б изменения не были. 2. Отступы между элементами в блоках, какие б изменения не были. 3. Отступ между абзацем и маргин. 4. Знак вопроса отодвигает контент вправо. 5. Закругленные углы в темно-сером блоке. Первый пункт ты решил с добавлением .plateContent, и при его в правильном использовании + свойства самих элеменетов, что мы упорно пытались менять - решили и второй пункт. Остальные пункты понятны. Было интересно посмотреть решения всех участников.

Проголосовала за второй вариант. По поповду третьего согласна с Catherine, я бы еще цвет обложки поменяла.

Билеты куплены. Теперь ждем ДЗ..

1. Нравятся общая концепция дизайна, цвета, но можно было чуть добавить контраста. 2. Нравятся блоки со статьей, в плане юзабилити- можно получить кратко - всю необходимую информацию даже больше. 3. перейти на стр:, архив в виде календаря - удобно сделано. Вот только по моему - шрифты в тегах в футере выбрать другой или более упорядочить этот блок. А так очень понравился. Молодец, AnnaP.

Дубль 2. http://jsfiddle.net/VRAWc/

Отлично!

я тоже хочу критики. http://jsfiddle.net/QCnrH/5/

Даешь Киев! Хорошо когда получается приятное совместить с полезным! Операция "HiJaCK 10.2012" - звучит! Пользуясь случаем, хотела бы послушать ответы на интересующие меня вопросы: По программированию : Как проектировать задачу? 1. Как нужно правильно разрабатывать ТЗ? 1.1. Какие могут быть нюансы? 1.2. Что нужно учитывать? 2. К чему надо стремиться при решении задачи? 2.1. Как можно добиться универсальности кода? 2.2. Как нужно правильно распоряжаться с переменными? 2.3. Какие могут быть моменты с переменными? 3. В каких случаях куски кода выносятся в функции? По алгоритмике: Рекурсивный метод обхода по ДОМу. 1. Как правильно организовать рекурсию по обходу ДОМ? 2. Почему есть ограничения по глубине рекурсии (http://learn.javascript.ru/recursion)? Очень хотелось несколько задач заранее, чтоб прийти с решением, и на месте на примере оптимального решения аргументировать - почему да как? По верстке, интересует вопросы по организации макета. 1. Как нужно организовать чтоб верстка была устойчивой к изменениям?(а вы не про это говорили во второй сходке? ) Ну вроде пока это все мои нубовские вопросы, если появится еще , то напишу.

Можно еще позиционировать две картинки c помощю position:fixed. А для старых ИЕ, чуть переписать стили. http://jsfiddle.net/yk2pA/1/

Спасибо. Просто, смутил синтаксис данной конструкции.

есть конструкция в этом коде: if ((width>1024)&&(height>768)) return true; правильно ли так записывать?

1. Для начала, нужно писать стили отдельно от html-разметки. 2. Использовать свойство text-align для элементов вместо атрибута align. Этот атрибут актуален только для элементов таблицы. 3. h2, h3{ text-align: center; } 4. Исправьте ошибку в в html-коде. UPD: не заметила, что про ошибку уже сказали.

, если ваш примерчик немного доработать, то получится вот так - > http://jsfiddle.net/usfe/QrVx7/1/в принципе .parent > .children:hover это все равно что .parent:hover > .children:hover отлично, еще варианты есть?

Так, я же поправила. А вы обновленный вариант смотрели?

В деактивированных чекбоксах не должно быть галочек Хотя так лучше даже, спасибо У меня на сайте не работает Можно сделать так чтобы при выборе опции версии 1 или 2 чекбокс другой версии деактивировался? Сделать можно, если есть вопросы по реализации как делать, то, задавайте вопросы. А для того чтоб вам сделали, есть раздел http://forum.htmlbook.ru/index.php?showforum=50 wwt, можно еще проще сделать : http://jsfiddle.net/VXDPz/2/

1. для потомков: li:hover a{}. 2. для сестринских элементов: a:hover + span{} 3. для дочерних элементов: .parent:hover > .children {}. На 2 пункта есть уже примеры, на третий вариант вот такой примерчик: http://jsfiddle.net/QrVx7/ Возможно еще есть варианты, было бы интересно посмотреть. UPD: я извиняюсь, не по теме ответила, но, ладно, пусть будет. Тем более возможны еще другие варианты.

Тоже предлагаю свой вариант, в моем варианте используется жесткие данные для margin-top , margin-left , думаю можно их расчитать вычислив width() и height() изображения. http://jsfiddle.net/5f4pk/1/ UPD: http://jsfiddle.net/5f4pk/3/ (добавила .stop() чтоб остановить предыдущие события) + для меня в оригинальном варианте, не было понятно- почему маргин и паддинг увеличивается/уменьшается без дергания самого блока. Оказывается, у родителя дисплей выставлен инлайн. До конца не могу понять поведение блоков между собой и внутри блока с таким представлением? Можете обяснить? +

Не вижу кодировку сайта. У вас префикс b, встречается во всех названиях классов кроме .clear в документе, может его не надо?

1. Не поняла суть вопроса. 2. Да, я в курсе.

Попробуйте использовать делегирование, но не уверена правильно ли смешивать ЖС и Жквери. var logo = document.querySelector('.logo'); logo.onclick = function(e) { e = e || window.event; var target = e.target || e.srcElement; if (target.nodeName == 'A') return; else{ $('.top-grey-block').slideToggle(); // * } } Вроде работает...

У вас для каждого из этих элементов класс указан, почему бы просто не обратится по названию классов..?

1. Замечание по стилю написания кода, а точнее по названию классов и id - ml, kos, tele, tel, ContTop, marg0 и т.д. имхо не правильные. 2. Надо бы прижать футер к низу, так как у вас фон футера специфичный. По моему дизайн хороший, но для данной тематики мрачноватый получился.

Когда бы человек до этого дошел сам, было бы гораздо понятнее и запоминающее, тем более тоже самое я выразил словами, правда не помогло Спасибо за старание донести. Я прошу конкретных решений, к сожалению телепатическими способностями не обладаю.

Спасибо! Получилось. Да, конкретно для этого примера s лучше внутрь функции записать. )