Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
Matroskin_Kot
3 / 3 / 3
Регистрация: 10.05.2016
Сообщений: 933
1

Форма в одну строку

07.09.2016, 13:53. Просмотров 1620. Ответов 1
Метки нет (Все метки)

Подскажите как форму выровнять в одну строку то есть что бы все было в одну строку, а не в столбик
HTML5
1
2
3
4
5
6
<div class="footer">
<span class="wpcf7-form-control-wrap text-675"><input type="text" aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required formname" size="40" value="Имя" name="text-675"></span><br>
<span class="wpcf7-form-control-wrap email-747"><input type="email" aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form_email" size="40" value="email" name="email-747"></span><br>
<span class="wpcf7-form-control-wrap text-676"><input type="text" aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required formtext" size="40" value="Text" name="text-676"></span><br>
<input type="submit" class="wpcf7-form-control wpcf7-submit formbutton" value="Отправить"><img class="ajax-loader" src="http://test.denkons.ru/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Отправка..." style="visibility: hidden;"><p></p>
</div>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.09.2016, 13:53
Ответы с готовыми решениями:

Гиперссылки в одну строку
Добрый день. Имеются 2 ссылки к примеру: &lt;body&gt; &lt;p class=&quot;1_1&quot;&gt;&lt;a...

Блоки в одну строку
Здравствуйте. Делаю видео слайдер, но блоки почему-то не выводятся как нужно. ...

Отображение в одну строку
Здравствуйте. Помогите изменить следующий код, что бы: напротив &quot;Строка №1&quot;...

Div в одну строку
ashten.kzhttp://ashten.kz Как сделать Дивы в одну строку, верху сайта есть...

Таблицы в одну строку
Всем привет, у меня такой вопрос как отменить перенос таблицы? например: ...

1
Kenworth
102 / 102 / 58
Регистрация: 21.10.2013
Сообщений: 324
07.09.2016, 14:42 2
Если "span" инлайновый элемент - то это не означает, что в него можно пихать все что угодно. Можно, но не нужно. Итак, "span" заменить на "div" и добавить свойство:
CSS
1
2
3
.wpcf7-form-control-wrap{
  display: inline-block;
}
Добавлено через 2 минуты
и тег "br" убрать
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.09.2016, 14:42

Выстроить блоки в одну строку
Вот код. Нужно куда показывает стрелка. &lt;html&gt; &lt;head&gt; &lt;title&gt;Урок 4&lt;/title&gt;...

Две формы в одну строку?
Друзья, подскажите как сделать, чтобы две формы:...

Несколько div в одну строку
Всем доброго времени суток! Сделал несколько div с свойством display:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru