Как сделать один блок поверх другого css


Как сделать один блок поверх другого css
Как сделать один блок поверх другого css
Как сделать один блок поверх другого css

10.11.2017, 14:01. Просмотров 114. Ответов 1

Есть два инпута, один текстовый, второй сабмит с фоном картинки, нужно сделать чтобы сабмит был продолжением текстового поля, то есть инпут для ввода текста, а справа кнопочка над тектовым инпутом. Border top и bottom Две полоски с border-radius.
Должен получиться эффект инпут для ввода текста, а справа в конце кнопка.
как правильно сделать? наложением? или два горизонтально расположенных инпута с заданными для обоих рамки?
Подскажите пожайлуста
HTML5 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Wellcome</h1> <form action="" method="POST"> <input type="text" placeholder="Введите название или артикул" > <input type="submit" value=""> </form> </body> </html> CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 input[type="text"] { width: 400px; border: none; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 7px; outline: none; border-radius: 5%; position: relative; } input[type="submit"] { border: none; outline: none; background-image: url(123.png); width: 25px; height: 25px; background-size: 100%; position: absolute; } Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css Как сделать один блок поверх другого css

Читать далее:




Схема сборки коробки передач на газель




Схема шапки крючком пышные столбики




Нива 21213 ее модернизация своими руками




Вышивка картин животных




Ремонт и диагностика ваз 2110 своими руками