Верстка подписей под элементами форм

[caprella]

Задача: добавить к верстке форм вывод валидационных сообщений. По задумке дизайнера поля и подписи могут быть самыми разнообразными:

Сейчас реализовано в связке label (block или inline-block) + input

Нужно выводить сообщения непосредственно под инпутом. Например,

Проблема в том, что ширина label и отступы могут быть самыми разнообразными. В идеале должен нормально смотреться и многострочный комментарий, т.е. абсолютное позиционирование не подходит. Уже голову себе сломала, но ничего, кроме оборачивания каждого инпута во враппер и вывода error-message прямо под ним, туда не приходит Только вот решение мне это совсем не нравится. Может сталкивался кто-то с таким, подкиньте идею. Спасибо.

[npofopr]

тултипами нельзя?

[wwt]

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

Что-то типо такого http://jsfiddle.net/hALMU/ на скорую руку накропал

Edited January 10, 2013 by wwt

[caprella]

тултипами нельзя?

Дык тултипы обычно абсолютно позиционированными делают, а мне это не подходит

Оборачивать во враппер можно динамически

Кстати, да, идея! Как-то не подумала. Спасибо.