Форма табл. или дивы?

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

31.08.2007, 13:09
DELPHIna

Прилагаю файл-картинке с формой.

Элементы в ней расположены в 2 столбца,+ кнопки...и т.д. вот что только не пыталась я сделать с ней без таблиц...но один в один не выходит, как на картинке.

Я читала сообщения похожие с мои на форуме здесь... споры лучше так или иначе, но где она истина то?

Ведь таблицей такое реально сделать проще, и нигде не будут элементы двигаться, схлопываться, как ни крути...

или надо быть гуру дивной вёрстки чтобы такое сделать идеально,а?

и ещё...мне временами кажется, что не используя таблицы в таких вот случаях....раздувается css...да и Html файл не намного меньше становится....дак в чём же приоритет всех этих заморочек? в валидности? в том, чтобы сделать семантически верно?

P.S. похоже у меня кризис перехода от табл верстки к дивной....просто иногда, когда ты часами паришься над элементом кот. по старинке склепал бы за пару минут приходит ступор ииииии..... раздражение что ли.

Есть ли нормальный способ без таблиц сварганить такую форму идеально?
31.08.2007, 15:12
Cinic

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 12:09
Прилагаю файл-картинке с формой.

Элементы в ней расположены в 2 столбца,+ кнопки...и т.д. вот что только не пыталась я сделать с ней без таблиц...но один в один не выходит, как на картинке.

Я читала сообщения похожие с мои на форуме здесь... споры лучше так или иначе, но где она истина то?

Ведь таблицей такое реально сделать проще, и нигде не будут элементы двигаться, схлопываться, как ни крути...

или надо быть гуру дивной вёрстки чтобы такое сделать идеально,а?

и ещё...мне временами кажется, что не используя таблицы в таких вот случаях....раздувается css...да и Html файл не намного меньше становится....дак в чём же приоритет всех этих заморочек? в валидности? в том, чтобы сделать семантически верно?

P.S. похоже у меня кризис перехода от табл верстки к дивной....просто иногда, когда ты часами паришься над элементом кот. по старинке склепал бы за пару минут приходит ступор ииииии..... раздражение что ли.

Есть ли нормальный способ без таблиц сварганить такую форму идеально?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> #left { float: left; width: 300px; } #left select { float: right; } #left label { float: left; } #right { float: left; width: 300px; } #cena-ot, #cena-do { width: 50px; } </style> </head> <body> <form action="#" method="post"> * *<div id="left"> * * * *<label for="type">Тип недвижимости:</label><select id="type"><option>asdasdasd</option></select> * * * *<label for="station">Станция метро:</label><select id="station"><option>asdsadasd</option></select> * *</div> * *<div id="right"> * * * *<label>Цена:</label><input type="text" id="cena-ot" /><input type="text" id="cena-do" /> * * * *<label>Кол-во комнат:</label><select id="kol-vo"><option>1</option></select> * *</div> </form> </body> </html>

думаю дальше все понятно. отступы + все остлаьное
31.08.2007, 15:38
DELPHIna

Cinic ....вот такое же, что и Вы выслали...я сделала, а вот когда началась возня с отступами точь-в-точь как в дизайне, всё и поплыло!

прям и не знаю как сказать даже...

кстати и ваш вариант у меня ваще кажет не верно....строчка одна под другую улезли ...ваще [Only registered and activated users can see links. Click Here To Register...]
31.08.2007, 15:49
Cinic

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 14:38
Cinic ....вот такое же, что и Вы выслали...я сделала, а вот когда началась возня с отступами точь-в-точь как в дизайне, всё и поплыло!

прям и не знаю как сказать даже...

кстати и ваш вариант у меня ваще кажет не верно....строчка одна под другую улезли ...ваще* [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]
Какие строчки и куда улезли... Мне просто до конца довести это, время сейчас не позволяет....
31.08.2007, 19:59
Aykroyd

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 13:09
Я читала сообщения похожие с мои на форуме здесь... споры лучше так или иначе, но где она истина то?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Истина в семантике.

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 13:09
Ведь таблицей такое реально сделать проще, и нигде не будут элементы двигаться, схлопываться, как ни крути...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Однозначно проще. Но это не истина.)

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 13:09
или надо быть гуру дивной вёрстки чтобы такое сделать идеально,а?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Однозначно надо.)

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 13:09
и ещё...мне временами кажется, что не используя таблицы в таких вот случаях....раздувается css...да и Html файл не намного меньше становится....дак в чём же приоритет всех этих заморочек? в валидности? в том, чтобы сделать семантически верно?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
В том, чтобы сделать семантически верно.)

Цитата:

Originally posted by DELPHIna@Aug 31 2007, 13:09
Есть ли нормальный способ без таблиц сварганить такую форму идеально?
<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...]
Смотрим данную веб-станицу во всех четырех современных браузерах и сравниваем отображение. Потом смотрим ее с отключенными стилями и "ДИВУ ДАЕМСЯ" (с) [Only registered and activated users can see links. Click Here To Register...]
03.09.2007, 10:18
DELPHIna

Цитата:

Originally posted by Aykroyd@Aug 31 2007, 17:59
[b]Однозначно есть. Но для этого надо быть гуру семантической верстки.)

:read: :crazy: ну и как же быть нам...простым смертным....табличным верстальщикам?

попробую разобраться как ты таког сварганил.

P.S.

есть один интересный глюкус....в ИЕ, если тот сайт что ты сбросил ссылку "подёргать" вверх-вниз т.е. менять размеры браузера, то некоторые элементы опадают вниз, проваливаются (тот блок с формой как раз), что я наблюдала ни раз и у себя. И что приводит в дикий ужас программиста, и заказчика.... мне за это спасибо не говорят, будь там хоть трижды всё семантически верно. Им результат нужен красивый! ...эххх, простите меня...но снова я о своём наболевшем :shok:
03.09.2007, 12:44
Aykroyd

Так.

Это что это там опадает?
Сейчас только 5 минут дергал окно IE во все возможные стороны – никаких опаданий и проваливаний нет и в помине!
03.09.2007, 16:56
DELPHIna

Aykroyd ....прилагаю глюк этот в виде картинки
03.09.2007, 17:52
Aykroyd

Упорно сейчас пытался поймать эту картину у себя – на n-ной попытке поймал.)

Что тут можно сказать... Нежнее, Татьяна, надо окно этого браузера изменять, ласковее... )
Ну скрипту же надо время дать, для того чтобы он сработал... Не надо дергать окно, как в судорогах...)
04.09.2007, 13:28
DELPHIna

Цитата:

Originally posted by Aykroyd@Sep 3 2007, 15:52
Упорно сейчас пытался поймать эту картину у себя – на n-ной попытке поймал.)

Что тут можно сказать... Нежнее, Татьяна, надо окно этого браузера изменять, ласковее... )
Ну скрипту же надо время дать, для того чтобы он сработал... Не надо дергать окно, как в судорогах...)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Aykroyd ...если бы было это только из-за судорог...можно было бы и простить...но у меня это появляется с 1 попытки....сжимаю окно...и опа! упало...

и когда я свою блочную нарезку показывала программисту ...малость недоумения у него было!!!!!....куда всё падает то? ...эххх где же он идеал вёрстки?где?
04.09.2007, 15:44
Aykroyd

Если один некоторый браузер не понимает свойств min/max-width/height – это не повод, чтобы верстать таблицами. Тем более, что научить его понимать эти свойства можно. Ну, притормаживает скрипт на медленных машинах немного. Что ж теперь поделать...)
13.09.2007, 20:38
Регина Шайбакова

Я не думаю, что надо быть гуру дивной верстки, чтобы сделать нечто похожее. У меня тоже поначалу голова болела, связавшись с CSS-версткой. Но мне помогает разбор дивных сайтов, сделанных хорошими дизайнерами. Например, сайтов, размещенных на [Only registered and activated users can see links. Click Here To Register...]. Там есть такие вещи, которые могут сделать только дивники.
Что касается формы. Если форму реально проще сделать табличным способом, то надо делать табличным.
Я попробовала сделать нечто похожее [Only registered and activated users can see links. Click Here To Register...]

Ссылка на таблицу стилей [Only registered and activated users can see links. Click Here To Register...]

Дивные страницы реально весят меньше. И потом их можно видоизменять, чего не скажешь о таблицах. Может, вы лишние дивы создаете с классами?

Размер таблицы стилей, конечно, увеличивается, но ведь пользователь загружает ее один раз.
14.09.2007, 14:24
DELPHIna

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

Регина Шайбакова вот рассматриваю и изучаю Ваша вариант....интересно. Т.к. мой немного не такой, а рез-т тот же...у Вас интересней даже кажется