верстка

Работа с CSS: основы (часть 3)

Структура страницы

Вот и подоспела третья статья из цикла «Работа с CSS: основы». Если ваши познания каскадных таблиц стилей оставляют пока желать лучшего, и вы не читали предыдущие статьи, то вот вам ссылки:

Итак — сегодня мы с вами сделаем обычную раскладку из трех колонок — левой, правой и центральной. Примерно такую же, как изображена на рисунке. Сделаем ее растягивающейся — так сейчас модно. Левая колонка будет фиксированной ширины 250px, а правая и центральная — будут зависеть от ширины окна. Будем писать в соответствии со стандартом W3C HTML 4.01 (для этого укажем соответствующий doctype).

HTML-код будет такого вида:

Специальные символы в HTML

На этой страничке я привожу таблицу спецсимволов, которая мне не раз помогала. В ней приводится 2 варианта кодов - числовой и ключевым словом. Обычно я использую первый тип. Кстати, имейте ввиду - не все символы корректно отображаются при любом шрифте.

Position: fixed; - фиксируем блок на странице

Position fixed

От начала и до конца. В этой заметке я объясню как кроссбраузерно сделать position:fixed с помощью CSS и избавится от подергивания блока при прокрутке в ИЕ.

Сразу скажу - за все время, проведенное в сети, я заметил, что блоки с fixed положением на странице (не зависящим от скролла), довольно мало используются. Нет, разумное использование таких элементов на сайте не осуждается общественностью. Скорее дело в другом - фиксированные блоки неизбежно привлекают внимание посетителя при прокрутке страницы. Он отвлекается от своей цели - и, как правило, раздражается.

Верстка шаблонов для Bitrix

Bitrix logo

Эта заметка предназначена для начинающих работать с CMS Bitrix, или тех кому, по работе или для себя, нужно сверстать скин для этой CMS.

Что нам понадобится? Всего ничего -
* стоящий битрикс
* руки