Как работает свойство CSS float left и float right

Вопросы о принципах работы свойств CSS float left и float right возникают с завидной регулярностью. Особенно больной темой это становится для верстальщиков и программистов, которые годами собирали макеты на таблицах, а тут их начинают заставлять работать с блоками. Дополнительно это усугубляется вопросами коссбраузерной верстки, хотя последнее время эта тема уже как-то стала не так сильно трепать нервы специалистам.

В любом случае, я решил вместо постоянных ответов на одни и те же вопросы, как работает свойство CSS float left и float right, написать пост и отправлять всех страждущих к нему.

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

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

Закругленные углы с помощью CSS

Большинство программистов при фразе «закругленные углы» начинает бить нервная дрожь. Это конечно, дизайнерское решение. Иногда бывает вполне прилично смотрится, но рисуя закругленные углы, многие дизайнеры раньше не задумывались насколько увеличивается html код страницы.

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

Градиент средствами CSS

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

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