Спасибо, видел, но я не то имел ввиду, я хочу понять, как делать самому, правильную сетку для фотошопа, а не верстка, с работай в верстке я все нормально понимаю, как все работает и т.д. Мне нужно объяснить дизайнерам, как правильно делать сетку, например вопрос, "Как делать, показывать все 12 колонок на всех макетах? small, medium и large? Или на small 2 колонки, на медиум 6, а на ларч 12 и какие отступы тогда будут на ларч и медиум, если на смалл они по 10 пикселей?" Вот что мне надо узнать. Как дизайнерам правильно делать сетку, чтобы верстальщик не парился! Именно адаптивную сетку, с одним каким-то форматом, это понятно!!! А так спасибо за ссылку, видел!
Артур Черешнюк: Ну я не знал всех нюансов верстки, написал же накидал на глаз, забудьте пока про адаптив и резину, научитесь Правильно делать фиксированную верстку, потом уже усложняйте, вот в примере выше, который вы скинули, правильно сделали, что дали бг фону блоков, видите у вас не ровно? Не все линии стыкуются, говорю еще раз, почитайте внимательно про потоки, когда поймете, как все утроено и как все работает, будет на много легче работать. Зачем вы например это написали
.language-currency p{
float: left;
}
Можно ведь просто вставить span, либо просто вместо обтекания, сделать inline-block, все встанет нормально. Не забывайте зачищать после float'от, они создают много проблем, если человек не знает как они работают. Почему вы .language-currency даете обтекание, а .login нет? Такая верстка не будет нормально работать, еще раз напишу, научитесь делать правильно фиксированную верстку, потом уже сложнее...
залейте куда-нибудь ваш пример и я его поломаю за пару секунд (как любят делать это заказчики), возьмите мои и попробуйте повторить! Костыльщик))))))) Нате jsfiddle.net/akb4s4u0/1 , ломайте
sleepyKitty: Ну во первых трансформ это не костыль, это обычно свойство, вопрос! в чем заключается костыльность трансформа? изображение само все правильно высчитывает, это теперь костыль? мда деградируем.... Далее.... Кроссбраузерность, мои пример работает до 9ie и в остальных браузерах все отлично, флекбокс не поддерживается ниже ie10, его я не использую вообще никогда, что вам еще надо?
Чем такая практика пригодится??? Человек должен изначально учиться на правильных материалах, вы сейчас уме советуете сесть за формулу один, без опыта вождения, пускай научиться водить нормально, а потом уже в хардкор уходить, да и если бы мне заказчик прислал бы макет в png или jpeg (не макет, а просто фото) я послал бы такого заказчика и искал дальше адекватных людей и работал бы с ними, ваш совет полнейший бред...
Спасибо, я также устанавливал, но не работало, хз почему? Залил картинку на сервак, подключил, все заработало, обратно поменял, не работает! Не знаю честно, в чем проблема! Но задача решена!
wiley: Ваш вопрос не уместен здесь, вы либо берете учите верстку и делаете САМИ, или идете на фриланс и платите денежку за работу, все, здесь вам работу бесталанно делать не будет.
Andrew: Просто вырубает и бесит, почему народ начинает тупеть, деградировать??? Люди не хотят самостоятельно думать, вот, что я пытаюсь донести, так отвечаю, потому-что вы видели мой ответ, совершенных действий чтобы продумать такой слайдер всего 2, а даже этого не захотели сделать, нет бы посидеть помучится, постараться самому сделать, поковыряться в коде, нет ты идешь на тостер и пишешь "Слайдер с несколькими картинками внутри?" Мне интересно, ты как собираешься решать задачи в дальнейшем, которые на много будут сложней? Даже если после того, как ты прочтешь этот ответ и ты них*я не поймешь моего пожелания, я тебе сочувствую в двойне.....
Andrew: Как? Очень просто, для начало нужно включить мозги, первое есть поехали. Слайдер это длинная лента в которой находятся блоки, при клике на стрелку блок меняется на следующий, чтобы бле*ть сделать несколько блоков в блоке, надо их туда бле*ть поместить! ВСЁЁЁЁ Вот пример накидал jsfiddle.net/Black_wolf1894/rzt7h8dv/1 Начните думать и пытатьйтесь решить сами, а не чтобы остальные за вас думали