Школа
Вёрстка

Подскажите, пожалуйста, как выровнять меню по сетке. Ровнять заголовки по центру блоков?

Слава
12 мая 2013
👁 7945   🗩3
Вёрстка

Подскажите, пожалуйста, как выровнять меню по сетке. Ровнять заголовки по центру блоков?

Слава
12 мая 2013
👁 7945   🗩3
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Чтобы хорошо сверстать, в самом начале лучше забыть о направляющих. Прямо взять и убрать:

Заодно подтянем вертикальные расстояния между абзацами, чтобы они не побеждали расстояния между колонками

Вопрос сразу переквалифицируется из геометрической загадки в задачу наведения порядка. Мы видим четыре логически равнозначных колонки с примерно одинаковым многострочным текстом, хотя и разной высоты. Самое прямолинейное решение — сделать колонкам одинаковую ширину, чтобы появился аккуратный ритм. Он компенсирует разную высоту колонок:

Заодно уделим внимание осмысленности в переносах слов

Никто нам не запретит и сделать наоборот: выровнять высоты блоков, а не ширину колонок. Это, скорее, бумажный приём, чем экранный, но вполне допустимый в предсказуемых блоках, как наше меню:

Если меню состоит только из отдельных слов, их естественнее объединить «строку Воронежского» с равными пробелами:

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

Типографика в вебеМодульная сеткаСтрока ВоронежскогоМодульная вёрсткаПравило внутреннего и внешнегоФормат: текстНоситель: сайт
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы