CoDy

А как такой вариант: http://jsfiddle.net/DPWe9/??

Люблю такое вертикальное выравнивание: .box { height: высота; line-height: высота; }Ограничения: текст о в одну строкуфиксированная высота

http://jquery.bassistance.de/treeview/demo/

Возможно поможет этот материал: "Итан Маркотт - Отзывчивый веб-дизайн".

http://jsfiddle.net/jMrFm/

Все зависит от того, будет ли при переходе к очередному этапу обращение к серверу для складирования введенных данных. Если нет и хочется просто визуально разбить ввод данных на порции и потом скопом все отправить на сервер, то достаточно html+css+js. Если переходу к очередному этапу предшествует отправка данных на сервер, тогда еще нужно и серверные скрипты писать.

я бы проверял регуляркой, с отсечением "нецифровых" символов: $error = array ();$phone = empty($_POST['phone']) ? '' : preg_replace(/[^0-9]/, '', $_POST['phone']);if( strlen($phone) < 5 ) { $error[] = 'Телефон?';}if ( !empty($error) ) { echo implode("\n", $error);}

Если я правильно понял связь между элементами массивов происходит не по значению параметра id а просто по порядковому номеру элемента в массиве. Попробуй так: for (i in arrVal) { for (j in arr) { if (i == j) { document.getElementById(arrVal[i].id).value = arr[j].data; } }}

Как определить какое значение из массива соответствует конкретному input? Вот тут самый примитивный вариант: http://jsfiddle.net/XQ9Wy/2/.

Опиши, что нужно сделать, а то не понятно, что имеется под

В переменные i и j помещается индексы элементов "обходимого" массива их и сравнивай: if ( j == i ) { ......}

Если очень интересно, был-ли это поисковик, то можно в логи apache(или что у вас там на раздаче стоит) залезть. Вот примерно так представляется гугловский бот: 66.249.73.244 - - [11/Nov/2012:06:32:33 +0200](311899) "GET /price_list/OTU0 HTTP/1.1" 303 20 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" "ses=-"

Однозначно писать. Любые действия пользователя на сайте, которые могут на него влиять, должны жестко контролироваться на стороне сервера. Если на сайте есть форма, через которую попадают данные в базу данных или сайт инициирует какое-либо действие, то донные которые через эту форму должны жестко контролироваться на сервере.

Вот http://www.000webhost.com/ хостинг шаровый и без рекламы. Можно его пользовать пока нагрузка не большая на сайт.

Измени этот маргин на значение по меньше(100px например) и посмотри на результат: в начале страницы будет пустое место размером "высота окна браузера" - заданный маргин. Задают такое большое отрицательное значение, чтоб снизить вероятность появления такого поведения, то есть если ты растянешь окно своего браузера больше чем на 32767px, тогда верстка у них "поломается".

Вот еще один вариант решения задачи прижатия 2 блоков но краям родителя, без их вывода из общего потока: http://jsfiddle.net/7SeNx/25/. Не такой эффектный как у alexriz, но, думаю, имеет "право на жизнь" в некоторых случаях(левый элемент перекрывается правым и фон нельзя задать для правого блока).

Чтоб понять сам принцип возьми 2 листика(можно а4). На одном нарисуй/распечатай несколько небольших изображений, например На втором листике вырежь квадрат, например размером 1х1 см. Положи лист с "дыркой" поверх листа с картинками и двигай его так чтоб в дырку попадал один из рисунков. Смысл в спрайтах следующий: на одну картинку помещают чаще всего несколько изображений и потом задают данное "составное" изображение в качестве НЕПОВТОРЯЮЩЕГОСЯ ФОНА, подбирают размер элемента(css: width и height) под размер изображения которое нужно показать, так чтоб, не "засветить" ничего лишнего и через background-position "двигают" фон так чтоб, была видна только нужная часть составной картинки. При этом имеем экономию на серверных вызовах: запрашиваем 1 составное изображение а не несколько "простых". Это обычно практикуют при оформлении управляющих элементов, пиктограмм, где, обычно, изображений довольно много и они маленькие. И при всем этом, если захочется немного поменять стиль, достаточно переделать одно это составное изображение. Вот например спрайт от google.com: Практически вся графика загружается 2 файлами.

Не работает селестор :after/before для элемента select http://jsfiddle.net/39W6F/. В чем причина? Или у :after/before есть какие-то ограничения на использование?

В некоторых браузерах(в опере на старом движке Presto точно есть), могут быть возможность задать пользовательский стиль для элементов, игнорируя при этом css разработчика. В старой опере это Вид-Стиль-Режим пользователя. Сам никогда этим не пользовался но такая возможность есть.

пользователь/заказчик: - Так не красиво и не удобно, мне так не нравится! разработчик: - Что не нравится? Как считаете будет красиво? пользователь/заказчик: - Ну... Не знаю... Что-то тут не так.

Ну с этим нужно в сторону JS смотреть, одним css тут не обойтись. http://jsfiddle.net/qK2AY/1/

А :target не пойдет? <!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ход конем</title> <style type="text/css"> table{ border-collapse: collapse; } td{ border:1px solid black; height:50px; width:50px; text-align:center; } a{ display:block; height:49px; width:49px; text-decoration:none; } a:target:after{ content:"♘"; font-size:3em; color:red; } </style> </head> <body> <table> <tr> <td><a href="#c11" id="c11"></a></td><td><a href="#c12" id="c12"></a></td><td><a href="#c13" id="c13"></a></td> </tr> <tr> <td><a href="#c21" id="c21"></a></td><td><a href="#c22" id="c22"></a></td><td><a href="#c23" id="c23"></a></td> </tr> <tr> <td><a href="#c31" id="c31"></a></td><td><a href="#c32" id="c32"></a></td><td><a href="#c33" id="c33"></a></td> </tr> </table> </body></html>

Все зависит от контекста. Если просто хочется поиграться с регулярками, то да. А если поставлена реальная задача в рамках рабочего проекта, - то это совершенно иной случай. В рамках рабочего проекта на валидацию данных на клиенте никогда нельзя опираться! Клиентскую валидацию можно рассматривать исключительно как дополнение или опцию. Валидация всегда должна выполняться на сервере независимо от того, что происходит на клиенте.

Ну если готовы подправить макет, тогда можно подправить его так, чтоб подошло предложенное SelenIT решение. Вот тут грубый пример: http://jsfiddle.net/RsFd2/. И еще при появлении в элементе <header><h3>Тимка 5</h3></header>более чем 2 строк верстка немного ломается, что можно увидеть в приведенном примере.

Не загоняя пользователя в рамки(не требуя указывать номер в определенном формате) никакая регулярка(просто одна единственная проверка на соответствие регулярному выражению) не будет эффективной. Структура телефонного номера — код страны: от 1 до 3 цифр, число определяющее код страны адресата начинающееся с символа +. Для России это «+7″ — код нас. пункта: обычно от 2 до 5 цифр, но иногда может быть и до 8 цифр, код внутри страны для данного населённого пункта. Ещё точнее код для данной телефонной станции. — номер телефона: 7-ти,6-ти или 5-х значный номер, как правило разделённый в форматах <3 цифры>-<2 цифры>-<2 цифры> или <2 цифры>-<2 цифры>-<2 цифры> Если суметь донести выше изложенное пользователю в доступной форме, тогда простую проверку можно делать этой регуляркой: ^\D*(\+\d{1,3})?\D*(\d{2,5})\D*(\d{2,3})\D*(\d{2})\D*(\d{2})\D*$ Но это решение не подойдет если поставлена задача ЖЕСТКО отсекать неправильные номера телефонов. В таком случае проверка должна выполняться серверной стороной и быть довольно сложной.