Элементы форму в одну строчку

[Павел Анисимов]

Прошу помочь.

Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта?

Вот код без ненужных атрибутов:

<form style="border:1px solid #ccc;padding:3px;text-align:center;">
<p>Enter your email address:</p>
<p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="odnivputi" name="uri"/>
<input type="hidden" name="loc" value="ru_RU"/>
<input type="submit" value="Subscribe" />
</form>

Заранее большое спасибо.

[ceil100]

</p> перенеси ниже

Как то так

Edited November 24, 2011 by ceil100

[Павел Анисимов]

</p> перенеси ниже

Как то так

Спасибо, но мне необходимо, чтобы все было на одной строчке, включая подпись.

[Justnewone]

уберите вообще P, либо объедините внутри него надпись и все остальное. Честно говоря, это такая элементарщина, почитайте основы.

[ceil100]

ну а в чем проблема?

внутренний параграф убирай и все

Так

[Павел Анисимов]

уберите вообще P, либо объедините внутри него надпись и все остальное. Честно говоря, это такая элементарщина, почитайте основы.

Основы читал. Не профессионал, но поверьте не стал бы тратить время пользователей форума, не проверив бы расстановку P.

Все равно получается в две строчки - наверху вариант "все внутри одного P", ниже вариант "вообще без P".

ну а в чем проблема?

внутренний параграф убирай и все

Так

Все равно в две строчки получается - отправил снимок выше.

[Electron]

Павел Анисимов, может у вас просто маленькое разрешение экрана? =/

[Rikani]

А ширина контейнера не фиксированная? Может быть по ширине не вписывается?

Выложите код, варианта "вообще без P".

[Justnewone]

Хватит гадать, самое время ссылки в студию.

[Павел Анисимов]

Павел Анисимов, может у вас просто маленькое разрешение экрана? =/

На 14 дюймах и разрешении где-то в 1200 на 1024 тоже самое.

А ширина контейнера не фиксированная? Может быть по ширине не вписывается?

Выложите код, варианта "вообще без P".

<form style="border:1px solid #ccc;padding:3px;text-align:center;">
Enter your email address:
<input type="text" style="width:140px" name="email"/>
<input type="hidden" value="odnivputi" name="uri"/>
<input type="hidden" name="loc" value="ru_RU"/>
<input type="submit" value="Subscribe" />
</form>

Хватит гадать, самое время ссылки в студию.

Если интересует ссылка на сайт, то вот: http://www.odnivputi.ru/

Но там нет кода, я его не вставлял пока в шаблон - экспериментирую через создание нового текста без публикации оного. И там уже правлю код - на предварительном просмотре виден результат.

[Justnewone]

Конечно же нам не нужен сайт, на котором нет обозначенной проблемы. Могу с уверенностью сказать, чем больше степень гадания, тем больше времени нам всем понадобится, чтобы найти решение.

UPD:

В общем, вот решение, если у Вас почему-то не помещается и переносится на 2 строки, посмотрите там в обвязке, раз ссылка недоступна.

[Павел Анисимов]

Конечно же нам не нужен сайт, на котором нет обозначенной проблемы. Могу с уверенностью сказать, чем больше степень гадания, тем больше времени нам всем понадобится, чтобы найти решение.

Вот здесь вставил в код страницы внизу статьи. Взял в обрамление одного P.

Просмотрел готовый код в странице - он автоматически закрывает P после "Подписка по электронной почте:". Видно из-за этого все мучение. Это как-то можно обойти?

P.S. Лопухнулся, что раньше так не сделал. Сорри. Не думал просто, что код самостоятельно дописываться будет :-)

Edited November 25, 2011 by Павел Анисимов

[Justnewone]

Не беда, пусть будет и закрывается

<p style="text-align: center; display:inline">Подписка по электронной почте:</p>
<input type="text" name="email" style="width: 150px;">
<input type="hidden" name="uri" value="odnivputi">
<input type="hidden" value="ru_RU" name="loc">
<input type="submit" value="Ok!">

[Павел Анисимов]

Не беда, пусть будет и закрывается

<p style="text-align: center; display:inline">Подписка по электронной почте:</p>
<input type="text" name="email" style="width: 150px;">
<input type="hidden" name="uri" value="odnivputi">
<input type="hidden" value="ru_RU" name="loc">
<input type="submit" value="Ok!">

Работает, спасибо огромное!