tori

Ucoz наотрез отказался принимать PIE_uncompressed.htc Абсолютный путь можно попробовать прописать. Ещё из недочётов: 1. В форме поиска вверху - зачем textarea? Логичнее то использовать input. И если уж использовать textarea, то хотя бы resize: none поставить. 2. <div class="video">...</div><div class="video">...</div> - красивее заменить на <ul class="video"><li>..</li><li>..</li></ul> - кода меньше, а в css незначительные правки. 3. Для меню в серёдке для li нужно добавить маргин снизу, а то при переносе они друг к другу прилипают. 4. Картинка рядом с "Познакомьтесь с Windows 7" - я бы посоветовала не ей назначать класс, а обернуть её в див с таким классом. Т.к. если вдруг понадобится добавить какую-нибудь подпись под картинку (в реально работе,а не тестовом макете - это сплошь и рядом случается) возникнут проблемки. 5. Самое верхнее меню - тоже переделываем на ul/li. Разделители между ними делаем не палочкой, а border-left:1px solid #000000; Чтобы избавиться от палочки для первого элемента - :first-child {border-left:0px;}. Для ИЕ6 есть эмуляция, если сильно хочется с ним возиться. 6. Для всех ссылок ховер всё-таки нужно прописывать обязательно. Или подчёркивание, или изменение цвета. 7. Для кнопки с лупой хорошо бы поставить cursor:pointer, чтобы лапа была на ней. И если совсем красоты хочется, то бэкграунд рыжий можно сделать градиентом с круглыми углами (для ИЕ есть эмуляция), и при наведении - менять градиент в обратную сторону.

Потому что display: inline; стоит. На display: inline-block; или display: block; измените, и всё заработает

Теперь на странице только ссылка на скачивание архива. Чтобы не было разночтений по коду. А можно всё-таки сам макет где-нибудь в видимости выложить, а не просто ссылку на архив? Закачивать его себе, распаковывать, открывать - слишком много телодвижений.

Пара идей: 1. Перемещать те пункты, которые нужно скрывать, в низ селекта. Тогда глюка нет 2. Те пункты, которые нужно скрывать - их не скрывать, а удалять. Вот кстати была эта проблема озучена: http://stackoverflow.com/questions/7177113/chrome-displaynone-options-in-select Там единственная рекомендация - удалять не нужные пункты.

По-моему в таком случае сработает только старый добрый способ с тысячей ячеек таблицы... Когда каждый уголок - в своей ячейке.

я бы это скорее отнес к Progressive Enhancement Разница не принципиальна Почитать стоить, но повсеместно его применять не советую, разве-что методику верстки независимыми блоками. В чистом виде - конечно, а вот именно вёрстка независимыми блоками и основные принципы наименования классов - очень полезно.

Это я наверное пыталась давать удочку, а не рыбку, ну да ладно <div style="display:table"> <div style="display:table-cell;vertical-align:middle;">первая колонка</div> <div style="display:table-cell;vertical-align:middle;">вторая колонка</div> <div style="display:table-cell;vertical-align:middle;">третья колонка</div> </div> При указании display:table-cell; див ведёт себя как ячейка таблицы, так что высоту задавать не нужно. В ИЕ 6-7 не сработает, если нужна поддержка этих браузеров, то нужно с эмуляцией заморачиваться.

vartical-align:middle

В смысле? Он понимает бэкграунды, если вы об этом. Да, но для версий ie8-ie6 есть вполне прилично выглядящий хак. Вот тут можно ознакомиться: http://www.xiper.net/collect/html-and-css-tricks/overclock-site/rounding-corners-review.html Плюс, можно ещё почитать про graceful degradation Ну если это по задумке автора в целях избегания проблем с копирайтом, то вопрос снимается Опять же - для тех, кто это свойство не поддерживает, есть лекарство. http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html Плюс, опять graceful degradation 1. Да, можно - как уже писали выше, списки из дивов с классами переделать в списки на ul/li. Верхнее меню, "Другие видеоролики" например. 2. а) Использовать классы вроде video или menu в чистом виде можно себе позволить только на маленьких сайтах. На сайте, размер которого превышает 20 страниц и срок работы которого превышает полгода - будете огребать проблемы. Если действительно интересно, то советовала бы почитать про БЭМ от Яндекса, и как стоит именовать классы. б) "Другие видеоролики" - у элементов задана высота. Если количество текста будет больше, чем влезает в эту высоту - будет крайне не красиво. Лучше переделать это с использованием display:inline-block; без фиксированной высоты (ну и конечно - на списки).

display:table-cell;

А зачем такая странная конструкция вообще? Не проще фиксированные размеры задать для td? И зачем такое неимоверное количество colspan?

Делать бордеры в менюшке картинками, причём не бэкграундом, а именно img - верх извращения Почитайте, что такое border и border-radius. Градиент тоже, слава всем богам, теперь можно делать не картинкой, а стилями. Вёрстка разъехалась во многих местах, по сравнению с исходником. Футер например. Вообще - крайне небрежное отношение к исходному макету, шрифты не того размера, отступы не того размера и т.д. В форме поиска вверху - неправильного цвета рамочка, не помешал бы placeholder.

Но в таком случае все, что ниже этого улетает вниз на уровень завершения боковиков. Внутрь центрального блока поставьте ещё один блок со стилями float:left; width:100%; Т.е. вроде того будет: <div style="float:left;">левая колонка</div> <div style="float:right;">правая колонка</div> <div style="margin:0px 150px"> <div style="float:left;width:100%;"> центральная колонка </div> </div>

Не совсем понятно, в чём проблема? То, что маргин-топ в такой ситуации <html><body><div style="margin-top:10px"></div></body></html> увеличивает высоту страницы? Тогда спасёт паддинг вместо маргина. Или то, что нужно задать маргины для блока, у которого стоит 100% по высоте? Тогда вариант с position:absolute;top:10px;bottom:10px; поможет.