amelice

С днем рождения! Здоровья, успехов, веселого настроения.

Большое спасибо организаторам конференции. По мне конференция была на высшем уровне, были все удобства, а за вкусности на кухне отдельное спасибо - создало очень теплую атмосферу! Такие сборы вдохновляют дальше и больше развиваться, расти. Все темы, были для меня в новинку. Материалы подготовлены очень красочно ( начиная с Жениного видео-пролога и иллюстраций в тему в материалах ) и интересно. Но, не хватает практических примеров. Полностью поддерживаю. Да, поэтому надо начинать чем раньше тем лучше. с трех, пока собирается, пока настройки.. уже 4.

А можно по поводу скроллбара по подробнее, я вообще понять не могу. Я вижу такую картину, сверстать такой скроллбар?

1. Если указали рамку для контента, надо было её отобразить? Или для чего она нужна? margin: auto - вполне достаточно, так как верхний и нижний margin сбрасывается в 0 при auto. Высоту для контента явно указывать тоже не стоит, для особых случаев есть min-height. .content { margin: 0 auto; height: 666px; border: 4px; border-color: #ffffff; } 2. Нужно подумать для чего нужна навигация или посмотрите как она оформлена на других сайтах. <div class="menu"> <span class="um">UM</span> ... </div> 3. Правильно организуйте селекторы и напишите правила для них, чтобы не повторять. .album { .... } .album:hover { .. } .tech { ... .tech:hover { ... } 4. Это свойство только для элементов списка. .album { list-style-type: none; } 5. В вашем случае абсолютное позиционирование в контенте для элементов вовсе не нужно. 6. Картинку желательно сделать бэкграундом, т.к. она не несет никакой смысловой нагрузки 7. Если не собираетесь менять цвет фона, не нужно писать background-color: transparent, т.к. это значение по умолчанию для данного свойства. footer { background-color: transparent; 8. Не нужно для каждого элемента писать свойство font. Это свойство наследуется, поэтому укажите для body один раз.

что ожидаете от поведения этих блоков? #copy{ float:left; position:absolute; margin:4px 0 0 15px } #links{ float:left; position:absolute } на что влияет количество нулей? *{ margin:0 0; padding:0 0; font-size:100.01% }

#bottom p{ color: #fff; }

В чем проблема? http://htmlbook.ru/css/color

Убрали высоту #main, но, высоту ограничили блоку featured-listing. http://file.qip.ru/photo/fullsize/KLaDmfCq/Screen_Shot_2012-10-01_at_1553.html С помощью relative, absolute стрелки можно позиционировать. Но, при не фиксированной высоте родителя, врядли это будет возможным. Я немного видоизменила ваш вариант слайда, обратите внимание на стили блока #dots. http://jsfiddle.net/UDwnK/ (слайд почти рабочий)

Пожалуйста. 2. Да, я не заметила, что у li есть бекграунд. Но, даже в этом случае, можно обойтись без дополнительного блока: можно сделать бекграундом тега а, и правильно организовать стили. можно использовать псевдоэлемент :before к li или к a. Почему вы задаете флоат к тегу а в li? Ведь он единственный элемент в теге li, представление элемента меняется - display: block. 3. Так, понятно почему у вас не выровнивается список, потому что ul не текст. Свойство text-align выравнивает текст внутри блока. В вашем случае, нужно указать margin:auto для списка.

2. Элементы в середине в одном блоке - уже хорошо. 3. Тут я тогда просто поинтересовалаcь, может я не права, вдруг по макету высота блока четко фиксирована... Разве, так задают? Ведь шрифты совершенно из разных группы семейств? post-entry span, .recent-post span { font: 12px/35px Georgia, Tahoma, Arial;

Viper, буду разбираться. Спасибо.

Что касаеться построения логической структуры(содержимого) сайта, то может и нет разницы. Но приоритет в <hN> все равно отличаеться, на сколько я знаю, для, например, поисковиков. И я не имел ввиду, что это будет не правильным(технически). А считаю, что постоение такого содержимого сайта будет не логичным, ИМХО. Если говорить, про данный случай(или похожий), то у нас выходит содержимое документа: 1. Описание 2. Ингридиенты 3. Параметры 4. Бокалы Вроде все нормально, но к чему относяться эти заголовки? Непонятно... Один адекватный заголовок выше уровня поставил бы все на свои места, ИМХО. То есть, всегда нужен один(уникалиный) Имхо, по структуре документа должно быть понятно что куда относится, а не по приоритету заголовков документа. Приоритеты заголовков должны помочь выделить важную информацию и только... Viper, но, идея сделать три филдсета с тремя легенд в моем случае - отличное решение.

По коду, 1. ul может содержать только li. <ul> <h2><li>BLOGROLL LINKS</li></h2> <li><a href="#">Consectetur adipiscing elit</a></li> 2. Я бы слайд организовала по другому. При нажатии на кнопки, середина должна двигаться, соотвественно она дожна быть в одном блоке. 3. Блок .main ограничен по высоте, а вдруг там будет много текста? 4. _http://validator.w3.org/check?uri=http%3A%2F%2Fwww.worksheet.16mb.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Что понравилось - название классов.

1. кодировку сайта указывайте до title. 2. Можно было ромашку в меню сделать бекграундом li. 3. <div class="menu_footer" align="center"> , атрибут align актуальна только элементов таблицы, а для всех остальных блоков свойство -> text-align. Визуальное представление документа в css. 4. в макете были такие несовпадения? _http://file.qip.ru/photo/qpeNrPUr/Screen_Shot_2012-09-29_at_1131.html?

Идея понравилась, передалала структуру. Исправлен баг.

Заместо <h3>? - <legend> В том-то и дело, что легенд в одном филдсете только один может быть, а у меня их два.

Ну не будет плавности в IE... Что плохого? Квадратные углы и отсутствие теней эти пользователи пережили, ИМХО. А IE10 скоро уже выйдет. мое мнение - надо способствовать смерти старых и рождению новых. Естественный отбор Разделяю ваши мнения, буду учитывать в следующей работе. Про уголки согласна, но, в данной форме они для красоты используются. По поводу js, ООП в моем коде - отсутсвует.

А какой тег бы ты использовал, не могу придумать как бы это исправить. Да, он в данном случае явно лишний. Исправлю.

Анимация не кроссбраузерная средстами css. Исправила. Спасибо за этот баг отдельно, мне тоже не нравится как сделан этот хинт, буду думать.

А как бы ты сделал в таком случае? Как видно - только в одном филдсете два заголовка, по значимости не отличаются от других заголовков, но, относится по структуре к одному филсдсету- Параметры. Один из них h1 , а другой h2? Буду иметь в виду, об этом не задумалась...

Мы тут все набираемся опыта, было бы глупо, не выкладывать. Один документ, видимость "окон" управляется свойством display:none филдсетов. Попробуйте добавить свойство style="display:block;" всем филдсетам в моем коде в каком нибудь браузере, увидите все "окна" в одной странице.

Спасибо, за замечания 1. Исправлю. upd: Больше не отмечаются. Да, он не нужен, уберу. upd: Убрано. 2. Ошибку вижу, исправлю. Для одного коктейля делается рецепт. 3. А они дожны обязательно присутствовать? 4. В макете так нарисовано. 5. Это уже исправлено. 6. Так, в хедере может быть не только лого.. 7. placeholder не кроссбраузерный, а title не плейсхолдер.

Вчера для нас с вами состоялся День пошаговой формы По коду, <title>Описание</title> <meta charset="windows-1251"> Имхо, charset нужно писать перед title, так как в этом теге тоже нужно символы кодировать. И почему используете эту кодировку? Названия классов- 'one', 'two', 'three' , 'topK' - для меня просто набор символов, а для чего они применяются? В форме все изображения кроме бокалов используются для красоты, можно было их сделать бекграундом, а не тегом ИМГ.

Да, есть такое... Валидация формы не сделана. А все остальное?

Имхо, до пути решения еще дойти нужно, сами по себе разные варианты решения ничего не дадут, если нету фундамента при построении алгоритма. А вот основам по проектированию решений задачи нужно учится у опытных наставников. К примеру, что я получила под руководством опытного наставника (sorrow) : 1. Что было достигнуто? Кастомный селект. Работает следующим образом: По введенному значению ищет совпадения. Реагирует на клавиши вверх/вниз, ентер, отмена, бекспейс. Соотвестенно по их нажатию выполняет определенные действия. Он прикручен к форме, форма в этой теме для обсуждения. 2. Какой был подход к решению задачи? Решали её поэтапно. обсуждаем часть задачи, если у меня нет вопросов, то приступаю к реализации кода. проверяем работу скрипта, после чего аналиируем код на предмет ошибок. если нет претензий, то, при необходимости, производим рефакторинг и оптимизацию кода. 3. Какие темы разбирали? Каких-то конкретных тем не обсуждали, но, в процессе решения задачи, я поняла принцип работы некоторых базовых методов в jQuery, столкнувшись с ними детально. На каждом этапе детально разбирали текущую задачу, К примеру, реализация алгоритма обработки нажатия клавиш. Я получила бесценный опыт под руководством Саши.