Дима Турков: она есть там 16 колонок. Но как по мне края элементов должны совпадать с линиями сетки а там такого нет. И не понятно зачем тогда ту сетку делали в этом макете...
Дима Турков: По сетке потому что она есть в шаблоне и часто замечал что работодатели говорят о соответствии макету, сначала подгонял через лоремпиксель, но сейчас смотрю по факту в фотошопе линейкой или через "авакоде". То что бы не разваливалась это ясно. Но соответствие макету нужно же?
Дима Турков: Т.е. можно не по сетке немного но задать целые числа, а в самом блоке уже паддингами тоже в % подогнать под макет? Как вариант будет нормально? Так делают?
Дима Турков: Большое спасибо, помогли) У меня была подобная идея, примерно такая screenshot.ru/8aa73f4731bbcdb6bff8483b56db732c сказали что ахинея и бред, даже пытался вычислять через calc() . Здесь подобно вашему просто более точно указаны %. Я так и не понял в чем ахинея? В том что числа не целые? Или в чем? Подход же очень схож с вашим. Суть в том что все в % даже отступы главное что бы в итоге была ширина 100%.
Как я понял с сегодняшних ответов, такую шапку как в моего сайта на бутсрапе можно роспределить так. screenshot.ru/d3f9b047579af9e0659ab7307cd446a4
Но я пока хочу сам сделать без сетки просто через%. Уже мозг взрывается. Вроде уже объясняли как но я никак не догоню, уже и делал 3 колонки по 33.33% но контент в них разный по длине и не понятно как быть? И с отступами как быть между колонками? Если не использовать бутсрап. Уже весь ютюб перешарил. Там верстают но только не адаптив а если адаптив то через бутсрап.
Я пока изучаю верстку, все макеты беру с интернета. Вот никак не могу понять как быть, та же шапка, там 3 колонки по логике, знаю что правильно будет задать 3 колонки с шириной по 33.33% но все 3 объекта разные по длине. Как поступить? Задать той же форме(поиску) и форме авторизации фактические размеры px и они растянуться как нужно? Но они же тогда пропорционально не будут 33.33%...
Но если дать .auth не float: left; а float:right то вроде все хорошо и отступ тот что нужно сам появился. Тогда может крайнему правому элементу лучше давать float:right ? Вот код codepen.io/anon/pen/JYyVjw . Сейчас просто наезжают друг на друга при сужении, но не соскакивают. Так и должно быть?
Вот что получается если просто вставить текст screenshot.ru/99be854d01891a99e973e0360c5d4584 все ровно и красиво по 33.3333%;. Когда я вставляю свой контент, вот что получается codepen.io/anon/pen/JYyVjw
1. От логотипа справа отступа нет, но расстояние сразу такое как мне нужно. Не понимаю откуда оно?
2. Форма поиска вроде стоит ровно (теперь submit не сползает)
3. А вот больше всего меня удивил блок регистрации. При уменьшении экрана также уходит под низ. Почему? (Хотя если просто текст, то он просто сужается). И как я могу задать .auth margin-left: 163px; если места по сути быть не должно для margin так как 100% разбито на 3 блока по 33.3333%;.
Спасибо. Я пытаюсь освоить и флоаты и теперь вот и фслекс посмотрю. Пока в флоатах плаваю в знаниях). Сейчас вофт добавил к флоатам calc отлично помогает.
27cm: походу оно ? screenshot.ru/4d67572d00e34e1cdb912d9870624339 но там почти везде написано user agent styles. Но user agent styles переродится как стили юзера т.е. меня? А получается что стандартные.
Это если говорить о px а если задать ширину и высоту в em ? Слышал еще мнение если ссылке дать дисплей блок и задать ширину и высоту то это не правильно так как ссылка изначально инлайновая. Но как я понимаю В % задавать тоже не правильно? Даже если это и резина получится.