HTML и CSS

Как прижать footer к низу страницы

Задача прижать footer к низу окна браузера — это одна из самых часто встречаемых задач при верстке. В общем, ситуация следующая: на странице есть три области: шапка, основной контент и подвал. Бывают страницы, в которых основной контент занимает совсем немного места и, в итоге, они начинают выглядеть примерно вот так…
Категория: Web-разработкаHTML и CSS

CSS. Сброс стилей, файл reset.css

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью reset.css мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей. Cброс ситлей впервые был применён в далёком 2004 году Эндрю Креспанисом и это выглядело так…
Категория: Web-разработкаHTML и CSS

Как сделать колонки одинаковой высоты

Пусть у нас есть простой двухколоночный макет, который содержит header, footer и две колонки под основной контент. Для одной колонки задано float:left, для другой — float:right. Но, поскольку нельзя заранее сказать, сколько контента будет в каждой из них, одна всегда будет больше другой по высоте…
Категория: Web-разработкаHTML и CSS

Верстка страниц. Две и три колонки

Свойство float принимает одно из трех значений: left, right или none. Это свойство, примененное к тегу div с содержимым, позволяет создать боковое меню. Здесь блок #left перемещен к левому краю. У него есть фиксированная ширина, однако у главного содержимого #content ее нет, что делает этот дизайн резиновым. Главный раздел страницы просто расширяется, заполняя окно браузера.
Категория: Web-разработкаHTML и CSS

Закладки: CSS и фоновое изображение

Сегодня рассмотрим, как сделать закладки используя CSS и одно фоновое изображение для всех состояний закладки. Каждый элемент имеет закругленные уголки, а его ширина зависит от содержимого.
Категория: Web-разработкаHTML и CSS
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.