https://kirillbelyaev.com/ru/blog/?go=tags/lineyki/ о подаче информации, айдентике, интерфейсах и жизненной среде Кирилл Беляев ru E2 (v3572; Aegea) Кирилл Беляев о подаче информации, айдентике, интерфейсах и жизненной среде 619 https://kirillbelyaev.com/ru/blog/?go=all/lines-without-context-dont-separate-or-unite/ Thu, 15 Feb 2018 22:48:22 +0300 Кирилл Беляев https://kirillbelyaev.com/ru/blog/?go=all/lines-without-context-dont-separate-or-unite/ <p>Линейки работают вместе с отступами. Сейчас покажу на примере.</p> <p>На <a href="https://standardsmanual.com">Стандартс-мануал</a> линейки отделяют заголовки, цены, кнопки и прочее от изображений и цитат своего блока. А сами блоки отделяются отступами. Но то ли отступы малы, то ли линейки слишком активные, то ли я прокручиваю быстрее положенного, мне сложно фиксировать границы блоков.</p> <div class="e2-text-picture"> <img src="https://kirillbelyaev.com/ru/blog/pictures/standardsmanualcom@2x.png" width="1395" height="878" alt="" /> </div> <p>Если просто убрать линейки, блоки собираются и отлично отделяются от соседей:</p> <div class="e2-text-picture"> <img src="https://kirillbelyaev.com/ru/blog/pictures/standardsmanualcom-without@2x.png" width="1395" height="878" alt="" /> </div> <p>Если поставить линейки в конце или начале блоков — тоже работает:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1395" data-ratio="1.5888382687927"> <img src="https://kirillbelyaev.com/ru/blog/pictures/standardsmanualcom-top@2x.png" width="1395" height="878" alt="" /> <img src="https://kirillbelyaev.com/ru/blog/pictures/standardsmanualcom-bottom@2x.png" width="1395" height="878" alt="" /> </div> </div> �