Доброй ночи всем, встал в тупик и не могу сдвинутся. Нашел кучу уроков, но не получается сделать, то что мне надо.
Как это реализовать? Заранее спасибо.
Я все же смог реализовать рядышком.
Но у меня просто килограмм кода, когда у вас пару строчек. Можете, помочь понять, почему у меня его так много?
Мне пришлось через relative править, чтоб красиво получилось. Оно работает, но выглядит как обычный велосипед.
Честно говоря, я не могу понять как у вас так легко получилось.
У меня мой код на странице нормально отображается, но на codepen жесть какая-та codepen.io/anon/pen/XXjXZw и как избавиться от мелкий отступов? там не маргина нет, но отступ есть... Приходится все вручную
Dimensi: если честно - даже не хочется лезть в дебри вашего кода)))) отступы появляются, потому что пробел между кнопкой и инпутом стоит, у меня это решено нулевым фонт-сайзом на контейнере
Dimensi: Используйте flexbox, тогда не нужны будут хаки с нулевым размером шрифта. Отступы - результат использования inline-block, если возможно использовать flexbox, то лучше все делать на нем.
1. Делаешь так, чтобы кнопочка появилась ровно правее поля ввода
2. для кнопки можно задать position:relative;left:-50px; она сместится относительно своего положения, но вообще инпут и кнопку в один див засунуть с position:relative, а для кнопки абсолютное позиционирование и right:0; (ну или чуть побольше)
