Ноги текста
Продолжаю собирать неудачные приемы верстки. Первыми были горки текста, сегодня расскажу про ноги текста. В итоге должен получиться маленький словарик.
Ноги — это колонки, расположенные на большом расстоянии друг от друга и прикрытые сверху каким-нибудь общим элементом, например, текстом, картинкой или линейкой. Не всегда понятно, откуда берутся такие конструкции, но выглядят они всегда странно:
Кажется, здесь некритично, но я бы всё равно поставил колонки ближе:
На курсе мы переверстываем визитку Йозефа Мюллера-Брокманна из швейцарского стиля в классический. Особенность этого макета — два блока контактной информации, рабочий и личный:
Из-за такой двойственности студенты часто делают верстку на ногах:
Проблема колонок-ног — в дыре между ними. Дыра мешает собраться двум модулям в один.
Не ставьте текст на ноги. Если только вы не Соломон Телингатер:
Похожую ситуацию описал Илья Бирман в заметке «Гантельная шапка обычно не очень».
Гантельная шапка обычно не очень
Такую форму шапки на сайте я называю гантелью:
Из работ студентов Школы стажёров
Слева и справа по тяжёлому элементу, а между ними — линия из пунктов меню. Плохо в первую очередь немодульностью, а во-вторую — утомительной симметричностью по обеим осям.
Если не получается совсем всё переорганизовать, то минимальное улучшающее движение — выравнивание по верху:
