Pomidorisgogo Сообщение 10/08/2006 16:43 Копия темы
Формы в блочной вёрстке  . Товарищи верстальщики, а вот как Вы решаете проблему компоновки элементов форм при вёрстке слоями? Я конечно понимаю, что тут можно сделать исключение и разместить поля и кнопки форм в ячейках таблицы, ну а если идти на принцип, как это сейчас стало модным?

bathellfire Сообщение 10/08/2006 20:11 Копия темы
 .
А я не иду на принципы, и все поля и кнопки у меня в ячейках таблицы... Сказать по правде, жизнь от этого как-то проще, и гемора меньше. И где это модно? Можно пример? :)

Pomidorisgogo Сообщение 10/08/2006 20:31 Копия темы
 .
Жаль у меня все закладки на домашней машине остались, но сейчас помню как минимум один ресурс CSS-маньяков – www.stylegala.com/
Там представлено много сайтов свёрстаных без единой таблицы да ещё и проходящих полную валидацию в w3c.org!

Я, конечно, из праздного любопытства спрашиваю – интересно же, как убеждённые фанаты CSS решают эту проблему с формами. Тем более, что с табличным форматированием по известным причинам про валидацию можно забыть...

tapazukk Сообщение 10/08/2006 20:56 Копия темы
а какой пример  .
формы вы хотите?

Pomidorisgogo Сообщение 10/08/2006 21:15 Копия темы
 .
Да возьмите любой блок из полей, радиобаттнов, кнопок – скажем, страница регистрации нового пользователя или расширеный поиск.
Чтобы построить все элементы ровно или спозиционировать в одну горизонтальную линию (например, в поисковом блоке) традиционно используются таблицы с выносом закрывающих тэгов и где-то между тегами ячеек.
Однажды мне встретился какой-то безтабличный метод, но с его помощью можно было аккуратно построить только совсем уж однородные элементы – типа полей ввода, причём только вертикально. А если в блоке содержатся одновременно поля, радиобаттоны, дропдауны, чекбоксы, списки, текстэрии, то этот способ не работает.
Вот мне и интересно, как упорядочить всё это без таблицы. Конечно, можно каждый чекбокс на свой слой класть, но это ж убиться можно...

tapazukk Сообщение 10/08/2006 23:39 Копия темы
 .
Ну так посмотреть на проблему,попробовать решить ))
наверное модно на таблицах,а так поискать по сетке
например:
www.quirksmode.org/dom/in..
softwaremaniacs.org/forum..
неужели поисковик не дает улов по этому вопросу?

Pomidorisgogo Сообщение 11/08/2006 06:17 Копия темы
 .
По Вашим ссылкам немного не то, в смысле, решаются другие задачи.
То о чём я говорю, есть, например в таком варианте: realworldstyle.com/forms...
Всё бы ничего, но если между полями вставить списки или текстовые области, то в ИЕ, например, всё расползётся, да и в Мозиле станет не таким стройным.

tapazukk Сообщение 11/08/2006 07:14 Копия темы
 .
мне не понравился Ваш пример с формами(не совсем понятно зачем необходим span,когда свойства можно прописать и просто для label?span-строчный элемент,это было бы оправдано если label заключили в блок или назначили ему display:block )
вот посмотрите сюда,несколько иная реализация той-же формы...xhtml.ru/2005/11/28/css-f..
ну а для списков тоже можно назначить стили

bathellfire Сообщение 11/08/2006 14:01 Копия темы
 .
Что-то я не понял, что такого в твоем варианте (realworldstyle.com/forms...)?
И почему все расползется? Куда расползется?
Этот пример который они показывают вообще жудко корявый, столько лишнего. Я не знаю если я вообще понял то, что ты хочешь, но я лично просто создаю отдельные классы в CSS на разные элементы формы (input, select итд итп) и там загоняю все свойства элементов.. никогда не было проблем с формами, причем я делал и очень сложные формы, никаких проблем.

stas_mkp Сообщение 11/08/2006 15:06 Копия темы
Чё напрягаться!  .
Всё равно никто не заметит (ну 99% юзверей), а риск того что в разных браузерах будет по-разному отоброжаться только возрастёт.

bathellfire Сообщение 11/08/2006 18:49 Копия темы
 .
Во во, просто я до сих пор не понимаю, почему если использовать таблицы, что-то куда-то поплывет (по словам Ольги)? КУДА ПОПЛЫВЕТ? Помоему шансов что что-то куда-то поплывет при использовании таблиц – меньше всего, посравнению с той-же блочной версткой, и всем этим CSS извращением.

heterodin Сообщение 11/08/2006 19:33 Копия темы
 .
чуствую – НАДО ДЕЛАТЬ ИСКЛЮЧЕНИЕ и форму в один БЛОК!!! проще адресовать там между полями будет!
А так код согласования полей формы становится сложнее ...

Uratsakidogi Сообщение 11/08/2006 19:34 Копия темы
 .
xhtml.ru/2005/11/28/css-f..

bathellfire Сообщение 11/08/2006 21:29 Копия темы
 .
Дык зачем там нужен CSS?
Сделать таблицу 2 колонки на 6 рядов, и все... И alignmnet сделать в каждой клетке. В CSS можно добавить только padding-left на клетки с input боксами + параметры на сами боксы и кнопку... а делать с DIV или делать подобные извращения с Label – не вижу смысла.

Uratsakidogi Сообщение 11/08/2006 21:37 Копия темы
Делай таблицами.  .
Я не против. :)

Но, по-логике даже используя таблицу ты все равно будешь использовать label, а тогда «зачем платить больше»?

bathellfire Сообщение 11/08/2006 22:23 Копия темы
 .
Зачем я буду использовать Lablel? :)

Uratsakidogi Сообщение 11/08/2006 22:27 Копия темы
 .
Семантика-с.

kermit32dll Сообщение 12/08/2006 00:57 Копия темы
 .
почему можно забыть про валидацию с табличным форматированием? о_О

bathellfire Сообщение 12/08/2006 00:58 Копия темы
 .
Куда, кого? :)

Pomidorisgogo Сообщение 12/08/2006 05:47 Копия темы
 .
Расползётся – в смысле, нарушатся интервалы. По крайней мере у меня так получается, если использовать не одни поля ввода как в этих примерах, но и прочие элементы форм (дропдауны и списки, как минимум).
Насчёт отдельных классов на все типы элементов – можно показать пример?

Pomidorisgogo Сообщение 12/08/2006 05:48 Копия темы
Читайте внимательней :)  .
Всё с точностью до наоборот. Поплывет не «если использовать таблицы», а если «НЕ использовать таблицы».

Pomidorisgogo Сообщение 12/08/2006 05:51 Копия темы
 .
Да, этот пример не самый рациональный. Но это то, что выдал поисковик, а не то, что стоит использовать как лучшее решение.
Метод в Вашей ссылке более разумный, но мне надо будет попробовать его с другими элементами форм, а не только с полями ввода.

Pomidorisgogo Сообщение 12/08/2006 05:52 Копия темы
 .
Напоминаю, речь идёт о полностью бестабличном решении.

Pomidorisgogo Сообщение 12/08/2006 05:55 Копия темы
 .
Я ведь уже Вам (именно Вам!) объясняла месяца полтора назад – потому, что для аккуратного позиционирования полей придётся вынести закрывающие тэги форм между ячейками таблицы или вообще за её пределы. Как Вы думаете, понравится ли это валидатору?

tapazukk Сообщение 12/08/2006 07:18 Копия темы
ну раз вы кашу заварили  .
то может пожалуете код со списками и с радиобаттонами?
Пусь даже тот где все «разъезжается»

kermit32dll Сообщение 12/08/2006 11:08 Копия темы
 .
А что не так, если закрывающий тег form будет стоять в корректном месте?

Pomidorisgogo Сообщение 12/08/2006 11:46 Копия темы
 .
Сейчас это технически недостижимо, к сожалению – так как я в отпуске и потому не дома :)
Вот вернусь, буду искать.

Pomidorisgogo Сообщение 12/08/2006 11:48 Копия темы
 .
Попробуйте сами. Желательно выбрать макет с 2-3 наборами форм – скажем, поиск, подписка и ответ на сообщение в форуме.

kermit32dll Сообщение 12/08/2006 11:53 Копия темы
 .
Попробовал... и что я должен увидеть? :) просто 3 формы.

Pomidorisgogo Сообщение 12/08/2006 11:59 Копия темы
 .
Я понимаю, что три формы. А теперь постройте их горизонтально (например – поле, дропдаун, чекбокс и кнопка – в одну линию) и не врите, что они не перекосили всю вашу вёрстку. :)

kermit32dll Сообщение 12/08/2006 12:03 Копия темы
 .
а что с ними такого? :) стоят себе в ряд... для надёжности всем поставил ещё vertical-align: middle...

Pomidorisgogo Сообщение 12/08/2006 12:15 Копия темы
 .
Покажите весь макет целиком (полноценную страницу, а не фрагмент кода с формами), иначе это беспредметный разговор.

kermit32dll Сообщение 12/08/2006 12:19 Копия темы
 .
есть только этот пример с элементами в ряд, больше ничего нет.

Pomidorisgogo Сообщение 12/08/2006 12:22 Копия темы
 .
Ха-ха-ха! :)) Это не считается.
Читайте выше, я ведь написала – макет с 2-3 элементами форм. Даже одного блока форм хватит, впрочем.

kermit32dll Сообщение 12/08/2006 12:23 Копия темы
 .
не вижу проблемы – не вижу решения :)

Pomidorisgogo Сообщение 12/08/2006 12:31 Копия темы
 .
Ну вот когда увидите, тогда и поговорим :)

kermit32dll Сообщение 12/08/2006 12:33 Копия темы
 .
Испольую то, что работает, а не то, что модно, вот и нет проблем :)

Pomidorisgogo Сообщение 12/08/2006 12:36 Копия темы
 .
Причём тут модно-не модно? Речь идёт о класическом форматировании форм таблицами! Этот метод существует столько же, сколько сам HTML.

kermit32dll Сообщение 12/08/2006 12:40 Копия темы
 .
Короче, я этого никогда не встречал :)

Pomidorisgogo Сообщение 12/08/2006 12:42 Копия темы
 .
Ну что я Вам могу сказать... Это же зависит от того, как давно и как часто Вы занимаетесь вёрсткой.

kermit32dll Сообщение 12/08/2006 12:53 Копия темы
 .
Формы я верстал самые разнообразные, но никаких проблем не видел, или сразу же их устранял не задумываясь... :)

bathellfire Сообщение 12/08/2006 14:39 Копия темы
 .
А зачем гемор? Зачем изобретать велосипед? Таблицы решают! :)... я каждый день верстаю сайты (работа у меня такая), и за последний год сверстал уже больше 150 сайтов. И никогда не имел испепеляющего желания усложнить себе жизнь... всегда верстал на таблицах, и всегда буду :)... просто, быстро, надежно, и гемора нет...

Uratsakidogi Сообщение 12/08/2006 14:52 Копия темы
 .
slovari.yandex.ru/

Pomidorisgogo Сообщение 12/08/2006 19:34 Копия темы
 .
Мне лично не зачем – мне таблицами удобней. Просто интересно, как выходят из положения ревнители чистоты CSS-вёрстки. ;)

tapazukk Сообщение 12/08/2006 19:57 Копия темы
в флеймы не хочу вписываться  .
по поводу таблиц и блоков.
Вот вам хороший вариант
flack.ru/lab/forms/ ??

Pomidorisgogo Сообщение 12/08/2006 20:45 Копия темы
 .
Fieldset мне в своё время не помог :( Но за ссылку спасибо, попробую разобраться в этой методике.

aiwentoor Сообщение 19/08/2006 09:53 Копия темы
ничего сложного нет  .
проще надо быть тёти и дяди. чо вы переживаете так сильно, внатуре. вот посмотрите реализацию двухколоночной формы без использования таблиц: www.free-lance.ru/users/a.. (форма авторизации). колонок две, полей можно сделать хоть 100. способ нигде не заимствовал, хотя он должен быть известен.

tryse Сообщение 18/12/2006 18:19 Копия темы
Все что связано с версткой  .
Здесь, Вы найдете все что Вам надо по поводу верстки, да и не только.
Полезный сайтик иногда пригождается webmascon.com/forum

Pomidorisgogo Сообщение 18/12/2006 18:59 Копия темы
 .
Спасибо!

ksayri Сообщение 19/02/2009 17:10 Копия темы
Верстка форм блоками  .
Об этом можно почитать в статье www.xiper.net/blochnaya-v..

Pomidorisgogo Сообщение 19/02/2009 20:10 Копия темы
 .
Спасибо!