Показано с 1 по 13 из 13

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

Комбинированный просмотр

  1. #1

    Регистрация
    13.03.2007
    Сообщений
    67
    Прилагаю файл-картинке с формой.

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

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

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

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

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

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

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

  2. #2

    Регистрация
    06.05.2007
    Адрес
    Россия
    Сообщений
    73
    Originally posted by DELPHIna@Aug 31 2007, 12:09
    Прилагаю файл-картинке с формой.

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

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

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

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

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

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

    Есть ли нормальный способ без таблиц сварганить такую форму идеально?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/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>
    думаю дальше все понятно. отступы + все остлаьное

  3. #3

    Регистрация
    13.03.2007
    Сообщений
    67
    Cinic ....вот такое же, что и Вы выслали...я сделала, а вот когда началась возня с отступами точь-в-точь как в дизайне, всё и поплыло!

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

    кстати и ваш вариант у меня ваще кажет не верно....строчка одна под другую улезли ...ваще

  4. #4

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

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

    кстати и ваш вариант у меня ваще кажет не верно....строчка одна под другую улезли ...ваще*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Какие строчки и куда улезли... Мне просто до конца довести это, время сейчас не позволяет....

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by DELPHIna@Aug 31 2007, 13:09
    Я читала сообщения похожие с мои на форуме здесь... споры лучше так или иначе, но где она истина то?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Истина в семантике.

    Originally posted by DELPHIna@Aug 31 2007, 13:09
    Ведь таблицей такое реально сделать проще, и нигде не будут элементы двигаться, схлопываться, как ни крути...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Однозначно проще. Но это не истина.)

    Originally posted by DELPHIna@Aug 31 2007, 13:09
    или надо быть гуру дивной вёрстки чтобы такое сделать идеально,а?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Однозначно надо.)

    Originally posted by DELPHIna@Aug 31 2007, 13:09
    и ещё...мне временами кажется, что не используя таблицы в таких вот случаях....раздувается css...да и Html файл не намного меньше становится....дак в чём же приоритет всех этих заморочек? в валидности? в том, чтобы сделать семантически верно?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    В том, чтобы сделать семантически верно.)

    Originally posted by DELPHIna@Aug 31 2007, 13:09
    Есть ли нормальный способ без таблиц сварганить такую форму идеально?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Однозначно есть. Но для этого надо быть гуру семантической верстки.)

    [Только зарегистрированные пользователи могут видеть ссылки. ]
    Смотрим данную веб-станицу во всех четырех современных браузерах и сравниваем отображение. Потом смотрим ее с отключенными стилями и "ДИВУ ДАЕМСЯ" (с)

  6. #6

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

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

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

    P.S.

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

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Так.

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

  8. #8

    Регистрация
    13.03.2007
    Сообщений
    67
    Aykroyd ....прилагаю глюк этот в виде картинки

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Упорно сейчас пытался поймать эту картину у себя – на n-ной попытке поймал.)

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

  10. #10

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

    Что тут можно сказать... Нежнее, Татьяна, надо окно этого браузера изменять, ласковее... )
    Ну скрипту же надо время дать, для того чтобы он сработал... Не надо дергать окно, как в судорогах...)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

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

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

  11. #11

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Если один некоторый браузер не понимает свойств min/max-width/height – это не повод, чтобы верстать таблицами. Тем более, что научить его понимать эти свойства можно. Ну, притормаживает скрипт на медленных машинах немного. Что ж теперь поделать...)

  12. #12
    Я не думаю, что надо быть гуру дивной верстки, чтобы сделать нечто похожее. У меня тоже поначалу голова болела, связавшись с CSS-версткой. Но мне помогает разбор дивных сайтов, сделанных хорошими дизайнерами. Например, сайтов, размещенных на [Только зарегистрированные пользователи могут видеть ссылки. ]. Там есть такие вещи, которые могут сделать только дивники.
    Что касается формы. Если форму реально проще сделать табличным способом, то надо делать табличным.
    Я попробовала сделать нечто похожее [Только зарегистрированные пользователи могут видеть ссылки. ]

    Ссылка на таблицу стилей [Только зарегистрированные пользователи могут видеть ссылки. ]

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

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

  13. #13

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

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

Похожие темы

  1. Как сделать что бы дивы не проваливались.
    от Hokage в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 07.12.2008, 13:46
  2. форма
    от zarinka в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 27.11.2008, 22:06
  3. дивы...
    от serka в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 16.09.2007, 21:11
  4. Помогите дивы в одну строку разложить
    от DELPHIna в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 18.07.2007, 14:13
  5. вложенные дивы и вертикальная резина
    от Defnur в разделе Вёрстка сайта
    Ответов: 14
    Последнее сообщение: 21.02.2007, 22:24

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •