Верстка на HTML / CSS

Не стандартный пример резиновой верстки

Раздел: Верстка на HTML / CSS

Недавно встала задача сделать резиновый дизайн, причем условия были такие: 1 при разрешении экрана в 800 x 600 пикселей должен быть отображен центр, 2 при ширине разрешения больше 800 пикселей и до 1024 должна быть показана картинка справа 3 при большем разрешении должна быть показана картинка слева.

Читать далее...

Текст с тенью на CSS

Раздел: Верстка на HTML / CSS

В этой статье мы рассмотрим как сделать текст на странице более привлекательным. Добавим нашему тексту тень средствами CSS и HTML. Такой прием наиболее применим для заголовков и пунктов меню.

Читать далее...

Выпадающее меню на CSS без javascript

Раздел: Верстка на HTML / CSS

Пришло время рассказать как сделать выпадающее меню на CSS без применения javascript, да еще чтобы оно работало и правильно отображалось во всех браузерах. Задача не из простых, но нет ничего невозможного.

Читать далее...

Простое меню на CSS

Раздел: Верстка на HTML / CSS

В этой статье хочу рассказать, как сделать простое меню на CSS. Как оказалось есть люди, которые еще не знают как сделать меню в виде красивых кнопок, которые при наведении меняют цвет фона и/или шрифта.

Читать далее...

Вертикальное выравнивание в диве.

Раздел: Верстка на HTML / CSS

Часто бывает, что требуется выравнять текст по нижнему краю или по середине блока. Вроде бы все просто: указать для DIV display:table-cell и vertical-align:middle (или bottom), но IE не понимает значения table-cell для свойства display. Придется выкручиваться...

Читать далее...

Еще один способ привязать футер к низу экрана

Раздел: Верстка на HTML / CSS

Этот способ несколько отличается от предыдущего. В способе описанном ранее блок с контентом не растягивался на весь экран, но часто бывают ситуации, когда необходимо растянуть блок контента до футера, например, если используем фоновое изображение, которое должно быть отображено рядом с футером.

Читать далее...

Как прижать футер к низу окна браузера.

Раздел: Верстка на HTML / CSS

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

Читать далее...