На примере показаны этапы верстки тестовой странички. Рассмотрены некоторые хитрости реализации тех или иных эффектов. Также Вы познакомитесь с недостатками и достоинствами табличной (с использование таблиц HTML) и блоковой (с использованием блоков CSS) моделей верстки сайтов.
Для того, чтобы сделать кросс-броузерный CSS код многие используют различного рода ошибки MSIE или NN для того, чтобы скрывать нежелательные куски кода от определенного броузера. Однако, ошибки имеют тенденцию исправляться (обычно). Поэтому мы рассмотрим особенности использования JavaScript в различных броузерах с точки зрения каскадных таблиц стилей.
Наиболее широко распространены сайты, информация на которых представлена в колонках. Проще всего это реализовать с помощью HTML-таблицы, тем более что с помощью CSS сделать такую верстку с первого раза не получится. Чтобы избавить Вас от лишней головной боли, в статье рассмотрен пример верстки в три колонки используя блоковую модель CSS.
В статье рассмотрена ошибка блоковой модели MSIE, которая навсегда может отбить охоту работы c CSS. Кроме того, использование багов различных броузеров, для устранения этой проблемы, на мой взгляд, не совсем корректно.
Иногда возникает необходимость управления отображением тех или иных блоков html-страницы. Ситуации, когда возникают такие проблемы и методы их решения рассмотрены в данной статье.
Когда появилась седьмая Opera я стал замечать, что некоторые вещи, которые выглядели как и положено в шестой Opera, имеют совершенно непотребный вид в седьмой. Задача решить возникшие проблемы оказалось довольно сложной, т.к. надо было подогнать результат под шесть броузеров (IE 5-6, Opera 6-7, NN и Mozilla). Но мое творение постоянно где-то "разъезжалось". Было очевидно, что в разных броузерах блоки, имеющие различные типы позиционирования в пределах одного контейнера, располагаются по разному. Так и появилась эта статья, целью которой было сделать небольшой сравнительный анализ различных схем позиционирования в наиболее популярных броузерах.
Всегда ли надо использовать графические картинки для оформления сайта или иногда можно обойтись другими средствами? В статье представлены несколько соответствующих примеров создания логотипов с помощью CSS.
Некоторые из статей данного сайта затрагивали вопросы использования javascript и css. Данная связка позволяет реализовать достаточно интересные эффекты и оригинальным образом оживить web-страницу. Поэтому настала пора уделить этому вопросу более детальное внимание.