layout

Несколько способов верстки колонок

Периодически при верстке сайтов возникают задачи которые требуют нестандартной верстки колонок. Стандартным способом я называю способ “плавающих” блоков. Традиционный способ <div class="grid"> <div class="col"></div> <div class="col"></div> </div> grid – контейнер колонок, одновременно это решение проблемы схлопывания, contain float col – колонка. .grid { *zoom: expression(this.runtimestyle.zoom=\”1\”, this.appendchild(document.createelement(\”br\”)).style.csstext=\”clear: both; font: 0/0 serif”); *zoom: 1; } .grid:before,.grid:after { [...]

Верстка форм

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

Вертикальное центрирование

21 век, человек побывал на луне, сделан искусственный глаз, даже с зумом! и бля – нет простого очевидного способа вертикально выровнять элемент в CSS ) Столкнулся с дизайном в котором надо было сделать строку элементов разной высоты выровненной вертикально, вроде этого: На самом деле в общем случае задача дробится на две – случай когда у [...]