форма обратной связи при табличной верстке

Статус
Закрыто для дальнейших ответов.

Willy

Новичок
Регистрация
19.05.2014
Сообщения
4
Здравствуйте. Подскажите, пожалуйста, возможно ли при табличной верстке совместить форму обратной связи, заданную тегом "form", c картинкой формы обратной связи, нарисованной в макете. (Нашел, как это делается при блочной верстке, но хотелось бы понять, можно ли это сделать при табличной.)
 

npofopr

Well-Known Member
Регистрация
03.08.2010
Сообщения
220
Можно.
Лет 10 назад и не знали про блочную верстку, а формы обратной связи были.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Делаешь сначала форму, а в неё вкладываешь таблицу
Код:
<form><table>...</table></form>
И внутри уже верстаешь таблицами как тебе удобно.
 

Willy

Новичок
Регистрация
19.05.2014
Сообщения
4
BaNru, спасибо за помощь, почти получилось)

Теперь возникли трудности (я только учусь верстать, целый день возился - не получилось; если кому не трудно - гляньте):
1) Вставил куски макета в ячейки, и куски разъехались.
2) Как-то можно вставить в одну ячейку работающую кнопку "отправить" и ее рисунок из макета?
3) Не совсем понимаю, где можно убрать рамку у поля отправки данных ("input...") и уменьшить размер самого поля.
Задал вот так:

<td><form method="POST" action="/my-form-action.php">
<table width="200" border="0">
<tr>
<td colspan="3"><img src="images/maket_02_02_01.jpg" width="230" height="91"></td>
</tr>
<tr>
<td rowspan="5"><img src="images/maket_02_02_02.jpg" width="80" height="102"></td>
<td><p><input name="name"></p></td>
<td rowspan="6"><img src="images/maket_02_02_04.jpg" width="10" height="175"></td>
</tr>
<tr>
<td><img src="images/maket_02_02_05.jpg" width="140" height="20"></td>
</tr>
<tr>
<td> <p><input name="contact"></p></td>
</tr>
<tr>
<td><img src="images/maket_02_02_07.jpg" width="140" height="18"></td>
</tr>
<tr>
<td><p><input name="message" type="text" value=""></p></td>
</tr>
<tr>
<td><img src="images/maket_02_02_09.jpg" width="80" height="73"></td>
<td><img src="images/maket_02_02_10.jpg" width="140" height="73"></td>
</tr>
</table>

<p><input type="submit" value=" Отправить "></p>
</form></td>
А вот что получилось:
Безымянный.JPG
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
1) cellpadding и cellspacing (так же читай там "статьи по теме", когда поймешь что это и как работает)
2) Да
Код:
<td><img src="images/maket_02_02_10.jpg" width="140" height="73"><input type="submit" value=" Отправить "></td>
3) Через стили border, width, line-height и так далее
 

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
я только учусь верстать, целый день возился - не получилось
Вот если бы Вы сказали, что уже десять лет верстаете таблицами и Вам трудно от них отказаться и перейти на что-то более современное, то я бы понял....Но ведь Вы ТОЛЬКО УЧИТЕСЬ верстать...у Вас учебники десятилетней давности??? или наставник "гуру таблиц"??? таблицами уже лет пять как НЕ ВЕРСТАЮТ
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Ох, Валя, если бы ты знал сколько за последнее время я видел табличных аерстунов.
Давно такого наплыва не было. Сезон таблиц. :D
 

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
BaNru сказал(а):
Ох, Валя, если бы ты знал сколько за последнее время я видел табличных верстунов.
Давно такого наплыва не было. Сезон таблиц. :D
так вот с тем же рвением, с которым ты начал помогать засунуть форму в таблицу, объясни начинающему, что так давно не делают...направь в нужное русло, подкинь литературы...посоветуй видеоурок попова :laugh:
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Это дольше )
 

Willy

Новичок
Регистрация
19.05.2014
Сообщения
4
motek сказал(а):
у Вас учебники десятилетней давности??? или наставник "гуру таблиц"??? таблицами уже лет пять как НЕ ВЕРСТАЮТ
[SIZE=12pt]Я просто посмотрел плюсы и минусы обеих версток и выбрал к изучению табличную. О том, что таблицами уже пять лет как не верстают - услышал впервые. Ни наставников, ни учебников у меня нет, я скачал пример лэндинга и стал разбираться по статьям на разных сайтах, как решить конкретную задачу, пока не засел с формой обратной связи.[/SIZE]


motek сказал(а):
направь в нужное русло, подкинь литературы...посоветуй видеоурок попова :laugh:
Хорошие уроки или это шутка?
 

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
Willy сказал(а):
Я просто посмотрел плюсы и минусы обеих версток и выбрал к изучению табличную
очень интересно...поделитесь с нами своими наблюдениями


Willy сказал(а):
я скачал пример лэндинга и стал разбираться по статьям на разных сайтах, как решить конкретную задачу
скачайте лэндинг сверстаный в html5 и пользуйтесь статьями с данного форума (тут еще и на вопросы ответят, которые обязательно появятся)


Willy сказал(а):
Хорошие уроки или это шутка?
это тупиковый вариант
 

Willy

Новичок
Регистрация
19.05.2014
Сообщения
4
motek сказал(а):
скачайте лэндинг сверстаный в html5 и пользуйтесь статьями с данного форума (тут еще и на вопросы ответят, которые обязательно появятся)
попробую, спасибо.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ