Верстка форм - нужен совет.

[tt48]

Доброго времени суток.

Есть такая вот картинка, выносящая мозг мне уже несколько суток:

Как лучше её сверстать?

С уважением, Олег.

[psywalker]

Таблица.

[tt48]

..Вернее сказать - не представляю структуру ячеек(

Сложности вызывают ячейки с "улица-название" \ "дом" \ "тел."...

можно внутрь забацать еще табличку..

ладноть, спасибки.) устал прост походу.

Спокойной ночи.

[psywalker]

..Вернее сказать - не представляю структуру ячеек(

Сложности вызывают ячейки с "улица-название" \ "дом" \ "тел."...

можно внутрь забацать еще табличку..

Ни в коем случае. Ведь есть же колспаны.

[Justnewone]

Я бы делал все без таблицы.

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

Сочетание ширин, флоатов, маргинов и клеаров спасет, кода будет поменьше.

[tt48]

Учитывая непредсказуемые последствия колспанов на идущие снизу строки таблиц

Это какие еще? знаю только про баг IE, который colspan на все столбцы( без указания width 100% для ячейки)

будет рандомно пихать в больше понравившийся столбик..которого там нету.

Я б сразу на дивах сделал, но хочется, чтоб не совсем фикс был..

[Great Rash]

Человеку, который придумал такую форму, надо немедленно забить в голову гвоздь!

[tt48]

=D

По поводу гвоздей солидарен))))))

Если есть предложения по более разумному расположению элементов - буду признателен)

С топором попалам сделал..

ie конечно жжет.

[psywalker]

Человеку, который придумал такую форму, надо немедленно забить в голову гвоздь!

А почему в голову именно?

[Great Rash]

А почему в голову именно?

В голове находится мозг. А такие формы не надо больше выдумывать.

[tt48]

"Вы думаете, если б они(руки) росли из головы было бы лучше??!"(с)

ппц.. пора оптимизироваться.. 5К стилей как-то не прет.

Чтоб не совсем уж во флуд переходить -

[psywalker]

А почему в голову именно?

В голове находится мозг. А такие формы не надо больше выдумывать.

Нет, ты не прав. Тут нужно вбивать именно в задницу, так как тот, кто придумывает такие формы, думает именно ей.

[Great Rash]

Зачем заменять display: inline-block; на position: absolute; right: 0;

[Aleksty]

Как лучше её сверстать?

С уважением, Олег.

Есть вариант, примерно такой многофункциональной формы, которая сделана МНОГОСТРАНИЧНОЙ!!!

Это табы по сути, которые по клику меняют псевдостраницу-окно.

Пример можно посмотреть тут, раздел "Анкета".

Поля могут быть любые, есть проверка данных перед отправкой.

Если такой вариант устроит, скину пример.

Сам очень долго искал, что-то подобное.

Edited April 25, 2011 by Aleksty

[tt48]

по поводу абсолюта - для нормальных браузеров проставил min-width:195px;

Все бы ничего, но для IE, походу, это фатально - ячейки он растягивает,

но при text-align: right и для float элементов считает, что ячейка 195 px.

Иного ответа для себя не нашел, но что ровно 195 пикселей - точно.

По поводу многостраничности - вариант хороший, спасибо.)

Надо будет уточнить у заказчика.

Примера пока не нужно, спасибо.

[Great Rash]

Причем тут float и display: inline-block? Это же совершенно разные вещи. Все плавающие элементы становятся блочными.

ИЕ лечится так:

.some_class {
  display: inline;
  float: right;
}

[tt48]

Если б все было так просто - я бы так и сделал.)

Практически так и было.

Ссылку кину в ПМ, если интересно посмотреть - сайт просили не показывать пока.