d0ublezer0

Здрасте всем. Делаю сайт http://new.kaskadnn.ru Это сайт компании Каскад, занимающейся производством рукавов высокого давления (РВД). В частности, у них есть услуга - рукав на заказ, по параметрам клиента. Возникла идея - сделать заказ РВД через интернет. Для этого я сделал форму заказа, которая присутствует на всех страницах сайта - вы можете увидеть её в верхней части страницы (форма заказа РВД) За основу формы был взят бумажный бланк заказа, который используется клиентом в офисе. Чтобы посетитель мог собрать заказ по нужным ему параметрам, к форме приделаны справочники рукавов и фитингов (такие штуки, которые на концы рукава надеваются). Справочники - сложные таблицы, их прямо в форму не затолкать, поэтому пришлось делать вплывающие блоки на HighSlide (попробуйте). Из справочников можно выбрать любую позицию, она сама подставится в форму. Помогите советом, как упростить/улучшить работу с формой - она реально получилась монструозная. (Great Rash в соседней теме мне это сказал, да я и сам не очень доволен результатом ) Какие элементы как лучше оформить и расположить? Что убрать/добавить? Что из справочников вынести сразу в форму? Ну в общем, как сделать лучше? P.S. Да, на главной странице используется JS-image-rotator, который подтормаживает браузер (видимо, придется заменить на Flash), поэтому пожалуйста, перейдите сразу на какую-нибудь внутреннюю страницу. Спасибо заранее.

Спасибо за советы. На самом деле форма показывается во фрейме. Если угодно: http://new.kaskadnn.ru - в верхней части нажмите ссылку "развернуть форму заказа" Касаемо удобства использования - я брал за основу бумажный бланк заказа, который используется у заказчика. Для того, чтобы появились углы отклонения, нужно выбрать углы загиба отличные от нуля для обоих фитингов (левого и правого) Не представляю, как форму можно упростить для людей. Поможете мне? Или мне с этим вопросом в другой раздел? dyadya, Justnewone тогда форма еще больше расползется в размерах (придется увеличивать фрейм) и к тому же, мне кажется, что будет менее наглядно каждый угол отдельно?

Можно ли как-то изменить отображение тега AREA для карты изображения при наведении мышки? <map name="fit_to_fit_angle_map" id="fit_to_fit_angle_map"> <area shape="rect" coords="10,84,35,101" href="#" alt="135" /> <area shape="rect" coords="83,85,112,102" href="#" alt="225" /> <area shape="rect" coords="97,49,120,66" href="#" alt="270" /> </map Хочу так: area:hover { border: 1px solid #CCC; } При наведении - никаких изменений. Более того, даже если сделать area { border: 1px solid #CCC; } То всё равно нет бордюра. Предполагаю что CSS к этому элементу не применим. Поправьте, если ошибаюсь. Спасибо. Для чего хочу использовать: http://new.kaskadnn.ru/includes/reserve_rvd_frame.php Выберите угол изгиба фитинга отличный от нуля в обоих полях появится картинка с углами отклонения вот на ней карта хочу чтобы подсвечивалось выбранное значение Очень не хочется отдельное поле выводить для показа выбранного значения - получится два раза одно и то же.

Не пойдет. Блок должен быть фиксирован в верхней части окна, а не страницы при просмотре сайта

Есть www.new.kaskadnn.ru Вверху страницы есть слой с top:-413px; Он "выползает" в общее окно только в IE6, в остальных браузерах - остается за кадром. Как поправить? Нужно чтобы слой был за кадром.

Поправил, с учетом ваших рекомендаций. Всё так же слетает Как в списке, так и по краям.

Ссылку на страницу я приводил в первом посте ссылка еще раз На всякий случай, кусок кода, с меню: <div id="mm" class="black_back"> <div class="left"></div> <div class="center"><a href="#">компания</a> <a href="#">каталог</a> <a href="#">новости</a> <a href="#">контакты</a></div> <div class="right"></div> </div> И код CSS: #mm { left:50%; margin-left:-175px; overflow:hidden; position:absolute; top:200px; } .black_back .left { background:url(/images/mm_back_left.png) no-repeat; width: 26px; height:47px; float:left; } .black_back .right { background:url(/images/mm_back_right.png) no-repeat; width: 26px; height:47px; float:left; } .black_back .center { height:47px; background: url(/images/mm_back.png) repeat-x; float:left; } #mm a { display:block; background:url(/images/mm_button.png) no-repeat; width:136px; height:28px; line-height:28px; color:#FFF; float:left; font-size:1em; font-weight:bold; text-transform:uppercase; text-align:center; margin:7px 0 0 -3px; white-space:nowrap; } #mm a:hover { text-decoration:none; }

Спасибо Еще, чтобы не создавать новую тему, может кто подскажет, как сделать, чтобы ссылки в главном меню не сползали одна под другую, если размер окна браузера сделать меньше? Также сползают правый и левый скругленные элементы черные вокруг ссылок. Все это происходит, если меню на экране целиком не умещается. Как бы можно min-width для контейнера использовать, но IE его не поймет.

Здрасте. Вот есть такая верстка: www.zebra-tara.ru/test.html Я сделал div #bg_main { background: url(/images/bg_main.jpg) no-repeat; width:1081px; height:558px; position:absolute; z-index:-1; left:50%; margin-left:-440px; }, он у меня выполняет роль подложки сайта. Но так как в бэкграунде используется большая картинка, страница получается с горизонтальным скроллом. Как положить картинку в фон к тегу BODY, чтобы она располагалась так, как сейчас в слое?

Пока вы писали этот пост, я уже всё нашел. Большое спасибо за указание направления.

Аяксом - наверное, хорошо и надежно. Я, к сожалению, его совершенно не знаю.

Да, сессия. Не надежно - как стабильно отлавливать уход со страницы? Только onbeforeunload?

Допустим, есть сайт. В верхней части сделал DIV, убранный за границу страницы с видимым ярлычком. В нужный момент его разворачиваем и видим форму, обернутую в iframe. http://new.kaskadnn.ru/reserve-template.html (форма пока только с одним элементом, для примера) Идея такова, что это окно должно быть доступно на всех страницах сайта (уже реализовано) и в эту форму можно было бы забивать некоторые параметры. Проблема в том, что я не знаю, как запоминать данные в полях этой формы при переходах по основным страницам. Т.е. форма должна всегда помнить, что в ней набрано, до того момента, как форма не будет отправлена на сервер. Как это возможно сделать? Предполагаю по событию выгрузки документа делать отправку в переменные сеанса PHP, но мне это кажется ненадежным. Может, есть какие-то готовые рецепты?

Другая проблема Делаю .lcol и .rcol (левая и правая колонки) width:220px; у cmiddle (средняя) приходится убрать width:60%; потому что остаются пустые места справа (все колокни - float:left) И - всё расползается. Как заставить среднюю колонку занимать только доступное пространство?

Попробую А разве IE6 понимает min-width?

Ребят, помогите плиз http://www.stroykann.ru/ Три колонки, если в левой присутствует баннер 200*100, при разрешении 1024*768, то правая слетает под среднюю. Проявляется только в IE6, в остальных браузерах нормально всё. Что не пробовал- никак не могу добиться того чтобы колонки оставались в ряд

Не помогло. Тот же результат. И вдогонку: почему-то IE (6, 7)не понимают шрифт, указанный для заголовков, font-family: "Myriad PRO",Arial,Helvetica,sans-serif Причем, пока вел разработку, всё было хорошо, а в какой-то момент всё потерялось. Момент не отловил Cо смещением разобрался так: задал для верхнего контейнера фиксированную высоту

http://kaskad.bardov.nnov.ru/ Меню (UL в верхней части страницы) в IE6 отображается сразу за логотипом (справа от него), а должно быть под ним. И логотип и меню обернуты в слои с параметрами overflow:hidden, position:relative Почему так?

Да, ты прав. Как добавить поле к форме через JS?

Такая задача: необходимо подменять action формы в зависимости от выбранных параметров (SELECT) в ней. function SubmitSearchForm() { switch (document.searchform.searchwhere.options[document.searchform.searchwhere.selecte dIndex].value) { case "business": document.searchform.action ="/index.php?option=com_sobi2&sobi2Task=search"; break; case "content": document.searchform.action ="/index.php?option=com_search"; break; case "ads": document.searchform.action ="/index.php?option=com_adsmanager"; break; default: document.searchform.action ="/index.php?option=com_search"; break; } return true; } в бизнес-справочнике в публикациях в объявлениях C таки кодом Action не меняется, никаких ошибок не выдается, почему? добавлено всё, сам понял. Так как у формы указан метод GET, то получается наложение параметров, передаваемых из самой формы и параметров, указанных в Action. Поменял на POST - заработало. Удалите тему кто-нибудь

хм, inline-block нормально прожевался IE

Вот, мне и надо стрелки лесенкой. А как для IE прыгать/мудрить, в какую сторону?

Еще вопросец: в этом списке хочу сделать ширину ссылок по размеру текста + небольшой padding-right Если ссылке установлен display:block, то она растягивается на всю доступную ширину, и можно только указать размер явно. Как ее обрезать по размеру содержимого?

Justnewone Спасибо, дорогой! Паддингом действительно нельзя, я пробовал

Привет всем. Имею UL лист со ссылками такого вида: ul.mm, ul.mm li { list-style:none; } ul.mm a { display:block; background:#4dc4ed url(/images/bg_mm.gif) right top no-repeat; height:25px; color:#FFF; margin-bottom:2px; width:200px; font-size:0.8em; text-decoration:none; line-height:25px; padding-left:1.5em; } ul.mm a:hover { background:#ec584c right bottom url(/images/bg_mm.gif) no-repeat; } Посмотреть можно тут: http://www.zebra-tara.ru (там пустая страница, только лист со ссылками) Что я хочу: чтобы фоновая заливка цветом у ссылки заканчивалась до background-изображения. Либо, как-то вынести изображение правее элемента, но чтобы они составляли единое целое, как ссылка. Для чего? Стрелочки должны получиться. Как вариант, можно конечно сделать всю заливку изображением, расширить его до размеров ссылки. Но это - увеличение веса картинки. Помогите?