Vin

Очень рекомендую прочитать эту хабрастатью, причём с комментариями: Браузерный зоопарк.

Да даже в ie8 углы квадратны, как у кирпича — только ie9 поддерживает свойства css3, остальные "ослики" о них ничего не знают) Для кроссбраузерного решения углы и градиенты нужно делать картинками. Делать это в фотошопе не сложнее, чем в css.

Кажется, я гуглил статьи и записи выступлений Чикуёнка (не все есть в его блоге) и нарвался на это. Ну и решил глянуть из любопытства

А ещё встречал в требованиях (к соискателю-верстальщику) пункт "увлечение футболом" А вот как нанимал веб-технолога широко известный в наших кругах (и уважаемый) Чикуёнок http://www.artlebedev.ru/job/web_tech_5/

У Вас сумма ширины блоков и боковых отступов в футере превышает 1200px, поэтому следует пересчитать размеры блоков. Не совсем по теме, но скажу, что 1200px — слишком большая ширина для страницы, у многих пользователей будут горизонтальные скроллы.

а как на ваш взгляд, есть системы в котороых шаблонизация вообще не извращенно, а очень даже гармонично реализована? Всё относительно. Натягивать вёрстку на такие системы, как Modx или Made Simple (использующие smarty и подобные конструкции) несравнимо легче, чем на джумлу, в которой нужно кучу php-кода перерыть.

Опять же, если говорить о видеокурсах (особенно учитывая то, что ТС живёт в США), думаю, из англоязычных курсов для начинающих хорошим может быть этот http://forum.htmlbook.ru/index.php?showtopic=30630

Попов — крутой верстальщик =) http://validator.w3.org/check?uri=http%3A%2F%2F1popov.ru%2Fdisc3%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Так нужно по джумлу (тема расположена в разделе joomla)? Тогда вот http://joomla.zvirec.com/lessons/7-diz/60-createjoomlatemplate.html Есть системы, где это реализовано менее извращённо CMS Made Simple http://www.cmsmadesimple.ru/statji/vnedrenie-svoego-shablona Modx Evolution http://efimov.ws/main/develop/modx/instrukcziya-po-sozdaniyu-sajta-na-modx-urok-4.html

На каждую CMS нужно вёрстка натягивается по-разному. Навскидку: http://www.os-templates.com/documentation

Основновной блок с контентом сделан плавающим <div class="body"> .body { float: left; margin-right: -300px; width: 580px; Элементу-контейнеру (div id="catalog") нужно добавать overflow: hidden; Такова уж особенность плавающих элементов.

Не нашёл в профиле явных признаков спам-бота. А насчёт bing'а — чистая правда (попробовал). Неужели мелкомягкие так хороши в деле поиска?

Яндекс — хороший сервис, но именно для поиска использую в основном Гугл. Даже в рунете. +1 У меня очень похожие предпочтения. Оба используют БД Яндекса http://www.digit.ru/internet/20111128/386849460.html

Начиная с призрачной надежды на отзыв)

Странно, но почему-то основные блоки имеют абсолютное позиционирование. По-моему, в этом нет никакой необходимости. В ie7 проблемы (если вас интересует эта аудитория). Из дизайна понравился только логотип. Он действительно хорошо выглядит, в отличии от всего остального))

Максим, а если не секрет, откуда такая органичная аватарка (она же логотип)? Я уже видел этот черновик блога, и сразу отметил, что довольно хорошо нарисовано для не-дизайнера. А замечания уже Arinden высказал.

Ну не знаю, я начинал с книги head first, на которой был указан 2012 год издания, хотя покупал осенью 2011-го Фактически же книга 2005-го, но там нет никаких устаревших форматирующих тегов и аттрибутов, никаких таблиц, применяемых не по прямому назначению, основная часть страниц — на блоках. (хотя там примитив, котороый и вёрсткой трудно назвать, книга только для совсем новичков). Единственное, что там действительно устарело, так предписание использовать кодировку windows-1251. Но в целом, ориентироваться надо на что-то свеженькое.

Не холивара ради, а лишь информации для. Убунта есть серверная (в примере как раз такая и ставится) — она без гуёв. Позиционировать как «пользовательскую» систему её не совсем правильно — например, Яндекс и Рамблер имеют часть серверов на убунте. У Яндекса на ней вроде бы поиск крутится, а у Рамблера почта. У википедии серверы на убунте.

Легко это можно сделать только для Safari, насколько помню. Для кроссбраузерного решения нужен яваскрипт. http://zodios.net/htmlcss/checkbox-style.html Но кто-то додумался сделать такое и без яваскрипта http://stylesheet.ru/recipes/forms/radio-styled.html, но не работает в ie6 и ie7.

Я так понимаю, это полноценная IDE, а не просто текстовый редактор. Notepad++ как раз очень хорош, ещё огромный плюс, что можно деражать на флешке, но это всего лишь редактор, а не среда разработки. Впрочем, я пока только учусь, IDE мне пока и не нужна. Пробовал Aptana, но тормозит она безбожно.

Как и обещал, сделал небольшой туториал по созданию прозрачной подложки http://forum.htmlbook.ru/index.php?showtopic=19869&view=findpost&p=242346

Создание прозрачной подложки В пустом документе выбираем инструмент прямоугольник/прямоугольник со скруглёнными углами. Если вы делаете прямоугольник со скруглёнными углами, то обратите внимание на радиус скругления. Выбираем такой же стиль (также выделено), как и на скриншоте, рисуем. Я также использовал направляющие для примерного примерного определения границ фигуры. Затем находим только что нарисованную фигуру в меню слоях. Щёлкаем правой кнопкой мышки по соответствующему слою и выбираем пункт "параметры наложения". Снимаем галочку с пункта "обводка", заходим в "наложение цвета", выбираем нужный цвет и устанавливаем непрозрачность (в нашем случае, скорее прозрачность). Затем нашу фигуры можно просто выделить как слой (об это рассказано в начале темы). У начинающих, возможно, возникнет вопрос о том, как потом это сверстать. Об этом есть здесь http://chikuyonok.ru/2009/10/decor/.

Как же не люблю эти анимированные баннеры, от которых болят глаза. Данный дизайн нельзя считать удачным, даже если мысленно вернуться на 10 лет назад. Вот это (дождитесь полной загрузки) удачный дизайн десятилетней давности. Вёрстку того времени вообще оценивать не могу, т.к. имеют жуткую аллергию на всякие <font>, <center>, <nobr> и огромной мешанины <td>. Считаю, что мне несказанно повезло, что вёрстку веб-страниц стал изучать в 2011-м году, а не в 2001-м

Спасибо за перевод! Данная тема очень актуальна!

http://www.site-do.ru/css/css11.php При относительном позионировании элемент не удаляется полностью из нормального потока (согласно порядку разметки в html) Просто это используется в основном именно для того, чтобы потом абсолютно спозиционировать вложенный элемент. При абсолютном же позионировании элемент полностью выходит из обычного потока. Пример: у нас есть блок, который нужно расположить "по-обычному", но внутри которого у нас куча всяких фиговин, которые нужно наложить друг на друга. Если мы просто зададим им абсолютное позионирование, они будут "беспорядочно" плавать поверх нашей страницы. Если же мы зададим родительскому блоку относительное позионирование, то "фиговины" будут расположены в определённом месте внутри родительского блока. Могу выложить архив с подобными примером или прислать в ЛС (да, знаю, надо бы хостинг завести для примеров вёрстки).