Сообщений в теме: 3

[сергей1904]

Нужно заключить в рамку форму обратной связи на странице и поставить ее посередине как на рисунке.
Страница http://ray-ban4you.ru/page/optom1

Прикрепленные изображения

• 

[miyako]

сергей1904 (08 Июнь 2013 - 12:57) писал:

Нужно заключить в рамку форму обратной связи на странице и поставить ее посередине как на рисунке.
Страница http://ray-ban4you.ru/page/optom1

Откройте страницу на редактирование эту страницу через источник.
Найдите код:

<div><br />
<br />
<label for="feedback_name">&nbsp;<br />
<br />
<br />
<span style="font-size:18px;"><strong style="font-size: 18px; color: rgb(178, 34, 34); ">Оставтье заявку</strong><span style="color: rgb(178, 34, 34); "> и менеджер свяжется с&nbsp;вам в течении 24&nbsp;часов!</span><br />
<span style="color:#B22222;">Либо звоните по тел.&nbsp;</span></span></label><span style="font-size:18px;"><span style="color:#B22222;"><span style="line-height: 18px; font-family: Lato, Calibri, Arial, sans-serif; ">+7(963) 612-13-13</span></span></span><br />
<br />
<br />
<label for="feedback_name">Имя</label> <input class="input required" id="feedback_name" maxlength="50" name="form[feedback_name]" value="" /><br />
<br />
<label for="feedback_еmail">Email для прайс-листа</label> <input class="input required email" id="feedback_еmail" maxlength="255" name="form[feedback_email]" value="" /><br />
<label for="feedback_phone">Телефон</label> <input class="input required phone" id="feedback_phone" maxlength="255" name="form[feedback_phone]" value="" /><br />
<br />
<label for="feedback_message">Комментарий(Напишите удобное время для звонка)</label><textarea class="required" cols="100" id="feedback_message" name="form[feedback_message]" rows="10"></textarea><br />
<br />
<br />
<br />
<input class="more-link" type="submit" value="Отправить" /></div>

и замените на:

<div style="border:1px solid red;margin:0 auto;width:50%;"><br />
<br />
<label for="feedback_name">&nbsp;<br />
<br />
<br />
<span style="font-size:18px;"><strong style="font-size: 18px; color: rgb(178, 34, 34); ">Оставтье заявку</strong><span style="color: rgb(178, 34, 34); "> и менеджер свяжется с&nbsp;вам в течении 24&nbsp;часов!</span><br />
<span style="color:#B22222;">Либо звоните по тел.&nbsp;</span></span></label><span style="font-size:18px;"><span style="color:#B22222;"><span style="line-height: 18px; font-family: Lato, Calibri, Arial, sans-serif; ">+7(963) 612-13-13</span></span></span><br />
<br />
<br />
<label for="feedback_name">Имя</label> <input class="input required" id="feedback_name" maxlength="50" name="form[feedback_name]" value="" /><br />
<br />
<label for="feedback_еmail">Email для прайс-листа</label> <input class="input required email" id="feedback_еmail" maxlength="255" name="form[feedback_email]" value="" /><br />
<label for="feedback_phone">Телефон</label> <input class="input required phone" id="feedback_phone" maxlength="255" name="form[feedback_phone]" value="" /><br />
<br />
<label for="feedback_message">Комментарий(Напишите удобное время для звонка)</label><textarea class="required" cols="100" id="feedback_message" name="form[feedback_message]" rows="10"></textarea><br />
<br />
<br />
<br />
<input class="more-link" type="submit" value="Отправить" /></div>

[сергей1904]

Все получилось, только нужно чтобы строки и кнопка были по середине формы, а не слева.

Прикрепленные изображения

• 

[sengun]

Тот же самый див

<div style="border:10px solid #0E0D0D;margin:0 auto;width:35%;"><br>
<label for="feedback_name">Имя</label> <input class="input required" id="feedback_name" maxlength="50" name="form[feedback_name]" value=""><br>
<label for="feedback_еmail">Email для прайс-листа</label> <input class="input required email" id="feedback_еmail" maxlength="255" name="form[feedback_email]" value=""><br>
<label for="feedback_phone">Телефон</label> <input class="input required phone" id="feedback_phone" maxlength="255" name="form[feedback_phone]" value=""><br>
<label for="feedback_message">Комментарий(Напишите удобное время для звонка)</label><textarea class="required" cols="100" id="feedback_message" name="form[feedback_message]" rows="10"></textarea><br>
<br>
<br>
<br>
<input class="more-link" type="submit" value="Отправить"></div>

замените на этот:

<div style="border:10px solid #0E0D0D;margin:0 auto;width:35%;padding-bottom: 20px;"><br>
<label for="feedback_name" style="margin-left: 25%;">Имя</label> <input class="input required" id="feedback_name" maxlength="50" name="form[feedback_name]" value="" style="margin-left: 25%;"><br>
<label for="feedback_еmail" style="margin-left: 25%;">Email для прайс-листа</label> <input class="input required email" id="feedback_еmail" maxlength="255" name="form[feedback_email]" value="" style="margin-left: 25%;"><br>
<label for="feedback_phone" style="margin-left: 25%;">Телефон</label> <input class="input required phone" id="feedback_phone" maxlength="255" name="form[feedback_phone]" value="" style="margin-left: 25%;"><br>
<label for="feedback_message" style="margin-left: 25%;">Комментарий(Напишите удобное время для звонка)</label><textarea class="required" cols="100" id="feedback_message" name="form[feedback_message]" rows="10" style="margin-left: 25%;"></textarea><br>
<br>
<br>
<br>
<input class="more-link" type="submit" value="Отправить" style="margin-left: 40%;margin-top: -20px;"></div>