CrazyPHP

ответ найден. тег формы <form> находится внутри тега <table> но не внутри ячеек из за этого при применении любых манипуляций форма перемещалась в другое место.

Привет. Имеется стилизация текстовых полей формы пи помощи jquery, вот код: function wrap_input(item){ var box = $('<div class="input_text_box" />'); if($(item).prop('disabled')){ var left = $('<div class="left_wrap_off" />').appendTo(box); var center = $('<div class="center_wrap_off" />').appendTo(box); var right = $('<div class="right_wrap_off" />').appendTo(box); }else{ var left = $('<div class="left_wrap" />').appendTo(box); var center = $('<div class="center_wrap" />').appendTo(box); var right = $('<div class="right_wrap" />').appendTo(box); } $(item).clone().appendTo(center); $(item).replaceWith(box); } применяется вот так: $('input[type="text"], input[type="password"]').each(function() { wrap_input(this); }); после этой манипуляции, при попытке отправить форму на сервер, массив POST оказывается пустым, т.е. форма ничего не передаёт, текстовые поля испорчены. Как быть? как обернуть input в свои div-ы и при этом не испортить его? попробовал даже просто если обернуть input одним div-ом при помощи спец. функции $.wrap() всё равно элемент получается неработоспособный!

всё, разобрался, сделал боковые div-ы с position: absolute; (а родительский div с position: relative;) и разместил справа и слева при помощи left: -2px; и во-втором right: -2px; работает во всех браузерах помогло сообщение пользователя Switch74 http://forum.htmlbook.ru/index.php?showtopic=32497&view=findpost&p=244515 отличный у вас форум

не помогает.

Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида: <div class="input_text_box"> <div class="left_wrap"></div> <div class="center_wrap"> <input type="text" name="text" size="20"/> </div> <div class="right_wrap"/></div> </div> CSS к нему: input[type="text"], input[type="password"] { border: 0; background: transparent; height: 27px; padding-left: 7px; color: #666666; } .input_text_box { display: inline-block; } .input_text_box .left_wrap { width: 2px; height: 27px; display: inline-block; background: url("/images/input_standart_left.png") no-repeat left top; } .input_text_box .center_wrap { height: 27px; display: inline-table; background: url("/images/input_standart_center.png") repeat-x; } .input_text_box .right_wrap { height: 27px; width: 2px; display: inline-block; background: url("/images/input_standart_right.png") no-repeat right top; } и вот, что в итоге получается: средний div (.center_wrap) почему-то опущен вниз. если во внутренних div-ах прописать float: left; то всё становится нормально (якобы), но текст по бокам всё равно позиционируется по старому (остаётся внизу, хотя должен быть посередине высоты строки): Что же делать?