Vin

Ох, это уже виртуозное владение. Изначальный код напоминает регулярки или язык brainfuck. Хотя я тоже стили пишу сокращённо, но сначала вручную селектор скобочку, а уже потом свойства в сокращённом виде по одному. Но возьму на заметку на будущее.

Он не для Python, он написан на python, как и вообще очень многие плагины для приложений. Никаких шуток Всё гениальное — просто

Сначала было сыро, но сейчас дизайн мне очень нравится, особенно выделяется эффект при наведении мыши.

Я изначально учился верстать на блоках — у них действительно много преимуществ. Но религиозной неприязни по отношению к таблицам не разделяю. Там, где нужен табличный "железобетон", не вижу никакого смысла париться с div'ами. А в ие6-7 "поедет"? Или нужно отдельно стили прописывать?

Ширина блока контента там 1003px — да, это косяк дизайнера, но в 1024 влезает с небольшим горизонтальным скроллом. Остальное — фон, задаём в body. Т.е. примерно так: /*Это для фона */ body { width: 100%; min-width: 1003px; } /* А в этом блоке мы держим всё содержимое */ #wrapper { width: 1003px; }

Не уверен, что в данном случае это имеет смысл. Ничего, скоро css-м можно будет делать всё http://forum.htmlbook.ru/index.php?showtopic=30410 Правильно, я об этом выше писал. Но Yarkaya недолго изучает вёрстку, ей бы сначала научиться делать картинками, тем более, что картинками можно делать не только скругление углов. Серьёзные сайты в данное время применяют border-radius и прочие свойства css3 только в рамках graceful degradation.

Hover'ы-то я знаю как делать, но не знаю, как их стилизовать в данном случае, чтобы не портили дизайн. Заменил id на class'ы, в "нормальных браузерах" от ie7 всё нормально, в ie6 верстка поехала окончательно — людям со слабой психикой лучше не смотреть!

Учту, учту. С жёстким разграничением id и class ориентироваться гораздо легче, но буду учитывать то, что если элементы не повторяются в макете, это не значит, что они не будут повторяться позже, в процессе использования сайта. Да, ещё, блок контента и размеры шрифтов сделал фиксированными, т.к. предположил, что это презентационная страница.

У меня есть макет-исходник, но сейчас глянуть не могу. Скорее всего, ширина контента в макете меньше 1000px и с головой влазит в 1024px. Возможно, я ошибаюсь, но в таком случае можно просто уменьшить размер исходника. Тянуть все элементы сложновато, но можно делать ширину основного содержимого фиксированной, а фоны тянуть — именно поэтому общая ширина макета часто намного превышает 960px.

Ховеры не знаю как тут делать: в макете это не отображено, можно было бы сделать ссылки посветлее, но в макете они и так сделаны #fff. Текст в шапке сделан картинкой, т.к. там шрифт платный, покупать или воровать не хотелось. div без идентификатора поправлю, хотя надо приучаться для css использовать классы, а id — больше для программинга. Впредь буду верстать на классах. Макет есть и в PSD, и в jpg — см. первый пост. Заметил, что в таких случаях, когда для кнопок используется фоновое изображение, их прямо вместе с текстом просто делают картинками. Но я и так много картинками сделал (хотя и вынужденно), поэтому решил "повыпендриваться" и неправильно выровнил. Это тоже поправлю.

Фон бы сделать более подходящим, а то серый к синему дизайну как-то совсем не подходит. Ну и ещё подогнать пункты верхнего меню, как и заголовки в меню слева: используй Pixel Perfect — прямо попиксельно не надо, но сейчас расхождение заметное. Код да, аккуратный, легкочитаемый, но имеются ошибки — валидатор ругается.

Можешь покопать мою вёрстку, хотя она тоже вряд ли идеальна http://vin-villard.alwaysdata.net/global/ А может и оценить, заодно.

Макет взят отсюда. Макет в jpg. PSD-исходник. Ну и сама вёрстка IE7+. Комментарий: макет включал в себя платный шрифт Droid Sans, поэтому в баннере (в верхней области) и в блоке с полем email вставил картинками, в верхнем меню заменил, так как предполагается, что пункты в меню могут меняться после интеграции в движок. Доктайп выбрал html5, но новые теги не использовал для кроссбраузерности. Фоны страницы тянутся до ширины в 1200px, как в исходном макете.

Могу посоветовать разместить подобное объявление на каком-нибудь форуме сеошников — жизнь там кипит)) И публика там разная тусуется, кому-нибудь обязательно понадобится вёрстка, тем более бесплатно. Пару раз сверстать "за отзыв", а потом можно уже и за деньги работать.

DLE — система управления контентом, считается весьма корявой и имеет дурную репутацию, так её часто используют для создания не самых полезных сайтов (варезники, SEO-сателлиты и проч.). Движок следует выбирать в зависимости от задачи. Будет ли это сайт-визитка? Новостной ресурс? Блог? Коллективный блог? HTML и CSS сам начинал изучать по книге из серии Head First, немного старовата и профи из Вас не сделает, но очень хороша для "совсем начинающих" http://shop.oreilly.com/product/9780596101978.do?CMP=ILC-hf1st

Прикольно На первый взгляд, макет для фикса предназначен, а нет, вполне и резиной можно сделать)) Только мне сам макет жутко не нравится. Такое ощущение, что он был нарисован дизайнером в состоянии шизоаффективного расстройства с депрессивным течением (или ещё в каком-нибудь).

В "специалисте" хорошие преподаватели, но курсы слишком короткие, освоить вёрстку в такие сжатые сроки совершенно нереально, можно лишь въехать в азы. И не экзаменуют они толком, что неудивительно, учитывая первый пункт. А в интуите вроде как тестрируют, но это больше для себя.

IE7 с помощью PIE поддерживает border-radius. И зачем, собственно искать сложные пути? Во-первых, пользователь может зайти со старого браузера, отличного от ИЕ. Это тоже можно подправить, определяя тип и версию браузера яваскриптом (хотя вряд ли PIE будет работать в старых мозиллах и операх), но использование такого кол-во костылей уже вряд ли проще нарезки картинок. Во-вторых (по порядку, но никак не по значению), если у пользователя отключён JS, он увидит неприглядную картину. Скруглять углы border-radius'ом можно тогда, когда радиус скругления небольшой и в ИЕ8 и старше сайт не будет выглядеть чересчур угловато. Примеры: htmlbook, twitter, некоторые сервисы яндекса. Имхо, сначала лучше не увлекаться новыми возможностями html5 и css3, а налегать на более надёжные варианты. А уже потом можно и с новыми возможностями поиграться. Хотя вёрстку не видел, т.к. не могу скачать файлы

Да просто бы въехать в сами принципы программирования. Как раз Си-подобный синтаксис в JS многим и не нравится, я не вижу в этом ничего непреодолимого, но в начале это мешает. Возможно, просто надо смириться с тем, что изучение первого ЯП сложнее, чем html+css.

Great Rash, спасибо за ответ! Html и css вроде освоил, верстать могу, хотя и в этом мне пока ещё очень далеко до профи, а без знания JS и верстальщики не особо-то нужны. Можно сразу начать с использования jquery и многочисленных плагинов, но потом, боюсь, будет каша в голове и неумение найти решение для нестандартных задач. А нативный JS даётся тяжело.

Это вообще грубо говоря учебником назвать сложно, это справочник. Именно учиться по нему трудно, я многие главы просто пропускал, чтоб не забивать себе мозг, и возвращался к ним позже при надобности. Трудно с этим не согласиться. Вообще думаю, если я новичок в программировании (VB в школе и затем мелкое баловство с bash'ем (тоже довольно давно) — не в счёт) не начать ли всё по-правильному: с Паскаля и теоретических основ программирования? Но это долго.

Флэнаган хорош для начинающих яваскриптеров, но уже имеющих опыт в программировании; для тех, кто новичок не только в JS, но и программировании вообще, он может быть сложноват.

Неудивительно: вряд ли эппловцы в восторге от того, что кто-то запускает хакинтош, да ещё и на виртуалке

a:link, a:visited { color: #000000; }

Я не зря в прошлом сообщении сослался на годную статью. Вместо ИЕтестеров и режимов совместимости там рекомендуется ставить IE Collection: он позволяет ставить на одну ОСь несколько разных нативных "осликов", что гораздо надёжнее всякого рода эмуляций. Только на WinXP всё равно не поставишь ie9, а на висту и Win7 — ie6, для чего и нужны виртуалки. Кстати, caфари под маком иногда глючит, совершенно неправильно отображая страницу (в комментариях к статье есть наглядный пример, у нас на форуме тоже такое обсуждалось) — проблема может придти оттуда, откуда меньше всего ожидаешь http://habrahabr.ru/blogs/browsers/123019/#comment_4031439