Dirk & Oval
Привет, Дирк. Я тут возилась с новой сеткой для проекта, и просто не могу оторваться от каждого пикселя – может, заглянешь и подскажешь, как у тебя с точностью в распределении?
Конечно, пришли мне схему расположения и координаты пикселей, которые ты используешь. Я проверю отступы и укажу на любые неточности.
Вот небольшая справка по сетке, которую я тестировала:
- Высота базовой строки: 20px
- Колонки: 12
- Отступы между колонками: 20px
- Левый/правый отступ: 40px
- Ширина контейнера: 1200px
Пиксельные координаты (относительно левого края контейнера):
1. Колонка 1: от 40px до 100px
2. Колонка 2: от 120px до 180px
3. Колонка 3: от 200px до 260px
4. Колонка 4: от 280px до 340px
5. Колонка 5: от 360px до 420px
6. Колонка 6: от 440px до 500px
7. Колонка 7: от 520px до 580px
8. Колонка 8: от 600px до 660px
9. Колонка 9: от 680px до 740px
10. Колонка 10: от 760px до 820px
11. Колонка 11: от 840px до 900px
12. Колонка 12: от 920px до 980px
Скажи, если что-то покажется тебе неправильным или если захочешь другие отступы или ширину.
Похоже, ты сжала каждую колонку до 60 пикселей с отступом в 20. Но это оставляет много неиспользованного пространства. Если контейнер у тебя 1200 пикселей, отступы 40, и всего 12 колонок, то получается 1120 пикселей полезной площади. Вычитаем 11 отступов (220 пикселей), и остаётся 900 пикселей на колонки, значит, ширина каждой колонки должна быть 75 пикселей. Вот правильные диапазоны:
1. 40–115
2. 135–210
3. 235–310
4. 335–410
5. 435–510
6. 535–610
7. 635–710
8. 745–820
9. 835–910
10. 945–1020
11. 1045–1120
12. 1155–1230
Если хочешь оставить колонки по 60 пикселей, нужно увеличить отступ до 280 пикселей или добавить отступы по краям. В любом случае, текущие значения не соответствуют заявленной сетке.
Ты прав, цифры, которые я прислала, не сходятся. С общим размером в 1200 пикселей и отступами по 40 пикселей с каждой стороны, у нас внутри получается 1120 пикселей. Одиннадцать разделов по 20 пикселей занимают 220 пикселей, а значит, на 12 колонок остаётся 900 пикселей – по 75 на каждую. Исправленные диапазоны:
1 40–115, 2 135–210, 3 235–310, 4 335–410, 5 435–510, 6 535–610, 7 635–710, 8 745–820, 9 835–910, 10 945–1020, 11 1045–1120, 12 1155–1230.
Если тебе действительно нужны колонки по 60 пикселей, либо увеличь разделы до 280 пикселей, либо расширь внешние отступы. Сейчас переделаю сетку с правильными числами.
Выглядит хорошо – всего пара ошибок с единицами в последнем диапазоне, но в остальном математика сходится. Если возьмешь колонки шириной в 60 пикселей, то небольшая корректировка отступов решит проблему. Напиши, как перерисовка получится.
Спасибо за предупреждение насчёт последнего диапазона – сейчас же исправлю эту ошибку с единицей. Похоже, я выберу колонки шириной 60 пикселей с большим отступом; так выйдет более компактная раскладка, и расчёты будут проще. Сейчас перерисую сетку и отправлю тебе обновлённые координаты. Скажи, как тебе такой вариант.
Звучит логично – только перепроверь итоговую сумму по водостокам, чтобы сумма столбцов и водостоков всё равно равнялась внутренней ширине. Как только будут координаты, я их быстро гляну.