Почтовая форма

Вид для печати

Показывать 40 сообщений этой темы на одной странице

23.06.2007, 19:14
Рёга

Здравствуйте участники форума. На данный момент для распределения полей, слов формы использую таблицу. Попытки сверстать форму в div-ах пока ни к чему хорошему не привели. Вопросы следующие:
1. Возможно сделать нормальное распределение элементов формы только div-ами?
2. Разумно это делать в дивах ?

Код:

<div> * ***** <form name="1" id="form" method="post" action="index.html"> ФИО<input name="2" maxlength="80" value="" type="text"> E-mail<input name="3" maxlength="80" value="" type="text"> Тема<input name="4" maxlength="200" value="" type="text"> Текст<textarea name="5"></textarea> [Only registered and activated users can see links. Click Here To Register...] <input name="6" value="yes" type="hidden"> <input name="7" value="yes" type="hidden"> </form> * * </div>
23.06.2007, 19:18
Aykroyd

Цитата:

Originally posted by Рёга@Jun 23 2007, 19:14
Разумно это делать в дивах* ?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Более, чем разумно.

Цитата:

Originally posted by Рёга@Jun 23 2007, 19:14
Возможно сделать нормальное распределение элементов формы только div-ами?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Ну, хотя бы [Only registered and activated users can see links. Click Here To Register...]. Там, конечно, красота далека от совершенства, но хотя бы для начала...
23.06.2007, 20:33
yanagee

Цитата:

1. Возможно сделать нормальное распределение элементов формы только div-ами?

div-ами можно всё сделать.

Цитата:

2. Разумно это делать в дивах ?

Имхо и табличный вариант в данном случае имеет право на существование.
23.06.2007, 20:40
Aykroyd

Цитата:

Originally posted by yanagee@Jun 23 2007, 20:33
Имхо и табличный вариант в данном случае имеет право на существование.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
[Only registered and activated users can see links. Click Here To Register...]
23.06.2007, 20:52
yanagee

Aykroyd

Нет ли логики в том, чтобы размещать поле для ввода напротив его наименования?
Вроде это напоминает табличную структуру [Only registered and activated users can see links. Click Here To Register...]
23.06.2007, 21:07
Рёга

Спасибо Aykroyd, как всегда выручил.
23.06.2007, 21:21
Aykroyd

Цитата:

Originally posted by yanagee@Jun 23 2007, 20:52
Нет ли логики в том, чтобы размещать поле для ввода напротив его наименования?
Вроде это напоминает табличную структуру [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Отчасти Вы правы )
Но все равно [Only registered and activated users can see links. Click Here To Register...]

Цитата:

Originally posted by Рёга@Jun 23 2007, 21:07
Спасибо Aykroyd, как всегда выручил.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Не за что )
24.06.2007, 02:07
Рёга

Побаловался я с кодом что ссылку дал Aykroyd. Не нравится только одно если у блока ограниченный размер например 400px и увеличивать размер шрифта то <label> перемещается вверх над <input> хотя находился слева от <input>

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Шаблон</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style></style> </head> <body> <div id="main"> <form method="post" action="#" id="testForm"> ****<label for="inp1">ФИО: </label> *<input id="inp1" name="name1" value="" /> ****<label for="inp3">E-mail: </label> *<input id="inp3" name="name3" value="" /> ****<label for="inp4">Тема: </label> *<input id="inp4" name="name4" value="" /> ****<label for="inp5">Текст: </label> ****<textarea id="inp5" cols="10" rows="3" name="name5"></textarea> </form>**** </div> </body> </html>

Кто нибудь подскажет как это лечится в даном случае ?
24.06.2007, 02:14
Aykroyd

Да это проблема не только с формами... Вообще, при увеличении размера шрифта в браузерах, многие элементы частенько "едут"... Тут можно только посоветовать делать пошире общий контейнер и соответственно побольше ширину (с запасом) для элемента <label>...
24.06.2007, 20:34
Рёга

Вообщем решил всё таки сделать форму таблицей, в таблице при увеличение шрифта всё элементы остаются на своих местах а не телепортируются :]
25.06.2007, 02:24
Aykroyd

Ну и зря... ) Будь я заказчиком, жареных сосисок и пива я б Вам за это не дал... ))
25.06.2007, 12:10
itstep

Цитата:

Originally posted by Aykroyd@Jun 24 2007, 21:24
[b]Ну и зря... ) Будь я заказчиком, жареных сосисок и пива я б Вам за это не дал... ))

Потому Вы и не заказчик. И процентов 67 -- что никогда им не будете.
25.06.2007, 12:25
Zigzag

Цитата:

Originally posted by itstep@Jun 25 2007, 09:10
Потому Вы и не заказчик. И процентов 67 -- что никогда им не будете.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

а почему именно 67%? [Only registered and activated users can see links. Click Here To Register...]
25.06.2007, 12:31
Aykroyd

Паш, это глубокая философия... Нам не ведомая...
25.06.2007, 12:34
itstep

Цитата:

Originally posted by Zigzag@Jun 25 2007, 07:25
[b]а почему именно 67%? [Only registered and activated users can see links. Click Here To Register...]

Так показывает мой расчёт.

1. Снимает 10% за неспровоцированную агрессию в споре (успешные люди так не поступают).
2. Снимаем 30% за неспровоцированное СИЛЬНОЕ оскорбление собеседника (успешные люди не оскорбляют людей без необходимости)
3. Добавляем 10%, так как я превзят (пишу с обидой)
4. Снимает 3% за проигрыш в дискуссии.

Вот и получает 67.
25.06.2007, 12:44
Zigzag

Цитата:

Originally posted by Рёга@Jun 23 2007, 23:07
[b]Побаловался я с кодом что ссылку дал Aykroyd. Не нравится только одно если у блока ограниченный размер например 400px и увеличивать размер шрифта то <label> перемещается вверх над <input> хотя находился слева от <input>
Кто нибудь подскажет как это лечится в даном случае ?

вычисляйте подобные значения в em'ах и будет вам счастье [Only registered and activated users can see links. Click Here To Register...]
25.06.2007, 12:56
Aykroyd

[Only registered and activated users can see links. Click Here To Register...]
25.06.2007, 20:53
Рёга

Цитата:

Originally posted by Aykroyd+Jun 24 2007, 21:24-->

Цитата:

Ну и зря... ) Будь я заказчиком, жареных сосисок и пива я б Вам за это не дал... ))

Создам нормальный шаблон формы буду его применять, так что придётся дать :]
<!--QuoteBegin-Zigzag@Jun 25 2007, 07:44
[b]вычисляйте подобные значения в em'ах и будет вам счастье

Дядя Паша, вы предлагаете блочный каркас сайта сделать в em-ах ?
25.06.2007, 22:26
Aykroyd

Цитата:

Originally posted by Рёга@Jun 25 2007, 20:53
Создам нормальный шаблон формы буду его применять, так что придётся дать :]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Ну, в таком случае – эт по любому ))
26.06.2007, 13:38
Zigzag

Цитата:

Originally posted by Рёга@Jun 25 2007, 17:53
Создам нормальный шаблон формы буду его применять, так что придётся дать :]
Дядя Паша, вы предлагаете блочный каркас сайта сделать в em-ах ?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

да, посмотрите на mozilla.org и поймете, о чем я говорю. просто поизменяйте размер шрифта. сам таким приемом пользуюсь, если позволяет макет.

Показывать 40 сообщений этой темы на одной странице