advokatua

.right { float: right;width: 100%;height: 100%;margin-left: -659px;} Дальше не смотрел. upd. ТС, что за книгу читаешь? Поищи что-то хотя бы из 2009-2010 года. Тег <center> сегодня даже моя бабушка уже не использует )

Klierik, разница в том, что на 10-ом осле можно сэмулировать некоторые баги, так будто это полу-реальный ие8, а на 11-ом уже хрен. Если нужно эмулировать все баги 8-ого ИЕ, тогда очевидно без виртуалки не обойтись.

Так, а зачем было высоту тени ставить 240px, когда видимая часть не более 40-50?

Да, стало чуть лучше. Капли теперь не воруют столько внимания, сколько они не заслуживают ). Можно попробовать вернуть и мышь, но ход капель нужно подбирать и подбирать. Смысл в том, что параллакс это лишь украшение. Оно ни в коем случае не должно забирать слишком много внимания пользователя, если только это не ваша основная цель )

Я имел ввиду, чтобы z-index убрать. ) Что там перекрывается из текста у себя не заметил. В любом случае можно обойтись без "-1".

В 11 осле, в режиме эмуляции ie8 верхнего бекграунда вообще нет. Удалил 11-ый ie, пусть он горит в аду, запустил эмуляцию через 10-ый - все ок. По крайней мере бекграунд есть ) Это я к тому, чтобы не спешили ie10 менять, на этот 11-ый треш. )) В ie8 действительно все забавно выглядит, то вниз, то чуть-чуть вниз, то совсем исчезает. Не понял только, зачем вам "z-index: -1" в "after:"?

Как по мне - слишком большой ход. Если мышкой водить, то все плавно, но через скролл или тачпад получается дергание конечно же. Без скриптов вполне нормальное поведение, хотя неплохо бы найти более плавное решение. - За бутылкой, в левой части первого ребра кусок грязи. - Лепестки все падают под одним углом. - Из верхних 4-ех получается знатный параллелепипед - как-то совсем не кошерно.

window? ))

в принципе да. Т.е. тогда что-то у меня с ИЕ11? ) Я еще понимаю в хроме могло что-то заглючить, т.к. пачка дополнений стоит, а ИЕ он же девственен как слеза младенца, без всяких примочек. В принципе как и FF, и опера. Кстати, еще прикол - сожми окно и крутни скролл вправо. Надеюсь это опять будет видно не только у меня? )) upd. IE11 - дикий треш. IE8 он эмулирует неверно. Удалил. Проверил сайт через эмулятор IE10 и менюшка заработала. Цифры внизу страницы скачут, но хоть менюха теперь работает.

Видимо в Вин8 какая-то своя фишка. Или на эмуляторе в ИЕ11 что-то не так как в ИЕ10.

Ха. )) Не, ты не поняла. Говоря "не работает", я имел ввиду именно не работает, а не "не отображается" или еще что-то в этом роде. Кнопки есть, но они не реагируют на нажатия. ИЕ11 пришел ко мне через обновление виндоус.

Zverushka, скажи пожалуйста через какой ИЕ (10-11) или через какую программу эмуляции ты смотрела этот сайт в режиме ИЕ8?

А я тексты на таких сайтах в 99.9% случаев вообще не читаю. Пусть их какой-то задомазохист читает. Конкретно в таком дизайне мне более менее занятно выглядит эффект параллакса и на этом все. Читать текст в разных размерах, разбросанный по всему экрану, в разных цветах и шрифтах, смотреть куда ведет извилистая стрелочка дабы прочитать следующий пункт - это не мое. Такой дизайн больше на чистую рекламу похож, на которую просто нужно посмотреть и далее набрать номер телефона, а читать ее вовсе не нужно.

Лично у меня несколько вариантов. 1) Ему дали уже нарезанные картинки сложенные в папку images и сказали там ничего не менять. 2) Ему сказали все сделать так быстро, чтобы супермен даже пернуть не успел, как он уже сдаст работу. 3) Это первая в его жизни платная верстка, из-за чего переволновался и накосячил. 4) Это 1000500-ая его верстка, его все зае;№"% и срать он хотел на всех и вся. Задний фон изначально был JPG на 225 кб, я просто за минуту везде ткнул save for web и сократил качество до 75-80%. Если бы я еще разбирался с тем где ставить png, то и не поленился бы в спрайты скрутить пару картинок. ) Вот это уже не понял. А изначально выглядело тогда как? Вот тут изначальная верстка http://webdevelop.zz.mu/new1/ В упор не вижу что там расплывается. Прикол в том, что если из base.css удалить все неиспользуемое, то там останется 20-30 строк, которые в отдельном файле хранить и есть дилетантство. У него в основном файле 173 строки, а в сбросе больше 200. О чем тут дальше говорить? )) Для данного вида проектов не вижу ничего, чтобы мешало склеивать сброс и основной css. Какая может быть каша, если человек уже и так все слепил в кашу, удалив разделители и поставив каждый селектор со свойствами в одну строку? К тому же у него в css все разделено на блоки с комментами, что уже довольно неплохо и каша не такая густая получается.

<b>Сколько денег вы готовы потратить на новогодний стол?</b><br /><br /> Не кошерно http://receptpoisk.ru/ingredient/5981 Футер стоило бы научится прижимать к низу. И если еще больше придраться, то нафига мне кнопка "наверх" на странице, которая влазит по высоте? Цифры пунктов в "Рейтинг рецептов" (на главной) криво висят. Непонятно также зачем было юзать строгий xhtml. В валидаторе тонна ошибок из-за него.

Придирки? Ну, записывай. Как по мне, верстальщика срочно нужно кастрировать, отнять комп и лишить права заниматься версткой на 1-2 года (пока не исправится). Заказчик жалуется на 1 - валидатор, 2 - пара заголовков H1, и 3 - ИЕ8. Ок, отрываем валидатор и смотрим что этому мудаку не нравится: 1) Line 59, Column 47: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. <img src="images/shopping-cart.png" /> Вот лошара, альт не дописал к картинке, в итоге имеем 5 ошибок одного типа. Срок исправления 1.5-2 минуты. Вполне себе замечание, но не смертельно. Line 216, Column 17: Duplicate ID logo. <div id="logo"> пару раз ID-шку использовал - понять и простить. Замешкался, торопился, бывает. 2) Оба H1 находятся в разных section. Объяснить 2-мя предложениями, что это допустимо в HTML5. Если мудак не понимает, дать ему ссылку на спеку, пусть читает 3) В IE8 не работает меню (смотрел через эмулятор на - IE11 ) - этого с головой достаточно, чтобы дальше не смотреть на скачущие блоки и пропавшие цифры внизу. Если был уговор на IE8, то звание мудака и криворукера переходит к исполнителю. В ie11, эмуляция 8-ой версии происходит криво. При эмуляции ie8 через ie10, меню работает, но блоки внизу страницы все же скачут и отступы кое-где не те, что надо. Далее, что сам заметил: 1) Даже не открывая код в папке images лицезреем картинки, из которых особенно порадовали "menu-bg.jpg" на 60х95 230КБ (после сжатия стало 2.3КБ!) и "featured-bg.jpg" 37х37 на 225КБ (стало 1.7КБ!). И в довесок пара картинок по 800-900КБ. Все картинки ужимаются 3-мя кликами мыши в минимум 3 раза. Блин, я ели сдерживаюсь сейчас от матюков. На моих 50Мбитах/сек, когда эта верстка первый раз открывается, я даже вижу как грузится слоями картинка фона! Исполнителя срочно стерилизовать, срочно! 1-ая строка - изначальная верстка 2-ая - ужал 2 фоновые картинки в 3 раза и уже имеем минус секунду 3-я - ужал еще 4 картинки (без потери качества). Итого: почти 2 секунды экономии времени и 1.5 метра трафика, буквально парой кликов мыши. Это я еще даже не говорю о том, что на 8 картинок можно было легко сделать 2 спрайта и в итоге еще более увеличить скорость загрузки. Далее вот, что я вижу в FF на Win7 - И вот, что можно углядеть в разнице с IE - HTML - Смотрел бегло, т.к. хватило и картинок , но можно было заметить, что аФтар верстки не любит псевдоэлементы, а потому имеем кучку пустых блоков. Хотя возможно он просто надеялся таким образом зацепится и за ИЕ7, дабы там хоть что-то разглядеть можно было. Можно похоливарить и на тему целесообразности использования section, которое никак не добавляет семантичности, но это думаю лишнее (ИМХО). Также есть закомментированый не удаленный блок на 7 строк. Заказчику видать не понравился такой мусор, вполне оправдано. CSS - гуру css-а и ненавистники сбросов его бы отимели во все дыры, попадись этот исполнитель им где-нибудь в темном переулке. Файл base.css прилеплен к проекту без какого-либо редактирования, со всякими iframe и q:before, которые нигде не юзаются. Ок. Допустим мы не гуру CSS-a и не дрочим на тему глобального сброса на каждом форуме, но объединить в 1 файл два CSS-а можно ведь было. Видать религия не позволяет сокращать количество запросов к серверу. В самом CSS гипер каскады - .header-right-box .phone-header .phone-header-number { ... }. Здравствуй какой-нибудь LESS или SASS. Не думаю, что он это руками лепил. Итого: если это не месть исполнителя и ему заплатили не менее 2к рублей (хотя, может меня кто поправит насчет расценок), то иного выхода кроме кастрации я не вижу. ИМХО. Кому интересно http://webdevelop.zz.mu/new1/ - верстка без ужатия картинок, и с ужатием http://webdevelop.zz.mu/new/.Особенно зацените как грузится фон в первом и втором случае.

http://jsfiddle.net/uUh7H/ гениально

что за?

Это 2 разных семейства шрифтов. Если вы первым указываете Arial, то и общее семейство остальных шрифтов должно быть подобным, т.е. sans-serif. Ну, это как если вы предпочитаете пиво, приходите в бар и заказываете Балтику, а вам говорят, что его нет и предлагают Хайнекен, а вы говорите:"Та не, давай водки, и лимон". ) Короче говоря правильно вот так: font-family: Arial, sans-serif; Если нужен шрифт с засечками, то как-то так: font-family: Times, serif;

Не понял где резина. При уменьшении окна меню уменьшается и продолжает тянуться куда-то вправо. На моих 15.6 дюймов в сжатом окне все выглядит очень плохо. Данный сайт хорошо будет жить и в фиксе, зачем ему попытка приделать резину? (К слову о верстке) Нет, про контент. http://gipron.com.ua/index.php?option=com_content&view=featured&Itemid=112 Причем непонятно зачем там два одинаковых текста подряд идет, один в заголовке и фактически тоже самое в описании. Единственное место требующее чуть больше текста чем сам заголовок - "Дополнительное элеваторное оборудование", там доп. текст имеет место быть. Допустим здесь http://gipron.com.ua/index.php?option=com_content&view=featured&Itemid=110 Меню, заголовок, контент, повсюду скругления с тенями. Минимализм это нечто иное. В вашем случае (когда сайт поддерживается силами сотрудника фирмы) самый простой выход это прочитать одну две книги по верстке и оформлению книг и этого будет вполне достаточно для того, чтобы понять 80-90% косяков и легко их исправить. Какой-то довольно простой книги не знаю, но вот из того что сам читал - Ян Чихольд "Облик книги".

Да смысл не в оптимальности, а в том, что у вас сначала указан шрифт без засечек (Ариал), и если его в системе нет, то применяется шрифт с засечками, по типу Таймз.

Беглым взглядом совсем жутких или нубских косяков не нашел. Ну, разве что кнопки нужно делать кнопками, а не дивами. И еще тут непонятно, или косяк или так было задумано, но по-хорошему так не делают.

Дело не в круглых цифрах. Это был лишь пример того, что все совсем плохо.

Привет землякам. Дизайн? Ну, дизайном тут особо не пахнет. Выглядит как обычно - попросили сделать кого-то кто шарит более менее в в сайтах, дабы не платить денег студии. - Выравнивание текста посередине в каталоге - Номера телефонов сбитые в одну кучу (справа). Человек даже их скопировать не сможет в блокнот или word, а значит ему нужно будет напрягаться и искать их в другом месте. - В контактах (правильно - контактная информация) в хедере какой-то "Контакт" - тексты то 14px, то 16px. - лишние тени и скругления. - "Вакансии" - зайдя в этот раздел человек явно захочет увидеть именно вакансии, а не стремную картинку. А затем еще и догадаться что нужно скролить вниз. и т.д. Это лишь 10-ая часть о чем можно еще говорить.

и верстка