PHP, HTML, CSS...

Бургер меню на HTML и CSS

Делаем анимированное бургер меню без использования скриптов Для создания появляющегося гамбургер меню нам понадобится такая html структура: <div class=»menu»> <input type=»checkbox» id=»burger-checkbox» class=»burger-checkbox»> <label for=»burger-checkbox» class=»burger»></label> <ul class=»menu-list»> <li><a href=»#» class=»menu-item»>Главная</a><li> <li><a href=»#» class=»menu-item»>О нас</a><li> […]

PHP, HTML, CSS...

Бургер кнопка для меню

Верстаем бургер кнопку Добавляем в html кнопку с классом burger <button class=»burger»></button> Далее идем в CSS и задаем размер нашей кнопке и сбрасываем стандартные стили фона и границ. Верхнюю и нижнюю линии мы создадим с […]

Сайтостроение

Что лучше: img или background-image?

В любом дизайне сайта используются картинки. Но мало кто задумывается над вопросом а когда именно при верстке макета стоит применять html тег img, а когда css свойство background-image? Есть ли между ними вообще различие? На […]

PHP, HTML, CSS...

Горизонтальное и вертикальное центрирование контейнера

Вертикальное выравнивание всегда было проблемным местом в CSS, так как свойство vertical-align действует только на inline-элементы (состоящие из одной строки) и не работает с блочными элементами. Однако вертикальное выравнивание можно применить к ячейкам таблицы, таким […]

PHP, HTML, CSS...

Резиновая блочная верстка с фиксированными колонками по бокам

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

PHP, HTML, CSS...

Убираем лишний отступ внизу изображения

Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними возникает промежуток, примерно в 3-5 пикселей. Этот эффект присутствует не только в горячо любимом IE6, но и в других браузерах. […]