Search the Community

Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт не в одном браузере кроме Mozilla FireFox.. Вроде все просто, суть показывать/скрывать поля при выборе значения select Вот тело: <form name="" id="" method="post" action="" onsubmit="return validateForm();"><div class="" style="padding-bottom:10px; "><select ><option id="" class="3" value="">Вы новый пользователь?</option><option id="" class="1" value="">Я новый пользователь</option><option id="" class="2" value="">У меня уже есть кабинет</option></select></div><div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div><div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div><div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div><div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div><div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div><div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!

Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

Здравствуйте! Подскажите, пожалуйста, как можно переделать скрипт так, чтобы указать элементы, для которых он действует, отдельно <input type="radio" name="nameRadio" value="шт." checked="checked"/><input type="radio" name="nameRadio" value="п.м"/><output id="rezultatRadio">шт.</output><script>window.onclick = function onclickRadio() { var nameRadio = document.getElementsByName('nameRadio'); for (var i = 0; i < nameRadio.length; i++) { if (nameRadio.type === 'radio' && nameRadio.checked) { rezultatRadio = nameRadio.value; } } document.getElementById('rezultatRadio').innerHTML = rezultatRadio;}</script>(пример совсем немного переделала, взяла отсюда: http://shpargalkablog.ru/2013/04/value-input-javascript.html ) Нужно, чтобы при нажатии на радио-кнопку, значение её value передавалось в output (находится выше input-ов) Проблема в том, что это элемент блока товара страницы каталога, на которой этих товаров может быть очень много и писать подряд много одинаковых скриптов, в которых отличается только id и name, кажется мне не лучшей идеей

http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" id="Mail"> </p> <p> <label for="type">Вид:</label> <select name="sort" form="mail" id="type"> <option value="general">общие вопросы</option> <option value="tech">технические вопросы</option> </select> </p> <p><b>Введите Ваше сообщение:</b></p> <p> <textarea class="announcement" name="comment"> </textarea> </p> <p><input type="submit" value="Отправить"></p> </form> </div>label { margin-right: 5px; width: 50px; text-align: right; float: left; line-height: 28px; }#Name, #Mail, #type { width: 250px; box-shadow: inset 0 1px 5px rgba(0,0,0,0.2); color: #6d6d37; padding: 1px; padding-left: 10px; }Как сделать выравнивание label? Иными словами, надписи перед тремя верхними формами, сдвинуть чуть-чуть вверх?

Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelnye-maty?layout=category" method="post"><input checked="checked" name="option1" type="checkbox" value="a1" />Нагревательный мат</form><form action="http://www.tepliydom.org.ua/termoregulyatory?layout=category" method="post"><input checked="checked" name="option2" type="checkbox" value="a2" />Терморегулятор</form>

Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/

<div class="block-signup"> <form action="" method="post"> <table class="form-table"> <tr> <th colspan="2">Информация о клиенте</th> </tr> <tr> <td class="label"> </td> <td class="value"> <?php if ($user_shopper_group->shopper_group_id == 5): ?> <input type="radio" id="shopper_group_id_5" name="data[shopper_group_id]" value="5" checked="checked" /> <label for="shopper_group_id_5"><span></span>Физическое лицо</label> <div class="example"> Преимущества: отслеживание заказа on-line, дисконтная программа, участие в конкурсах и многое другое </div> <?php endif; ?> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <input type="radio" id="shopper_group_id_9" name="data[shopper_group_id]" value="9" checked="checked" /> <label for="shopper_group_id_9"><span></span>Юридическое лицо</label> <div class="example"> Преимущества: отслеживание заказа on-line, дисконтная программа, участие в конкурсах, просмотри оптовых цен и многое другое </div> <?php endif; ?> </td> </tr> <tr> <td class="label"> <span class="required">*</span> E-mail: </td> <td class="value"> <input type="text" class="short" name="data[email]" value="<?php print htmlspecialchars($data['email']); ?>" /> <span class="validation"><?php print $validation['email']; ?></span> </td> </tr> <tr> <td class="label"> Логин: </td> <td class="value"> <span class="value"><?php print $user->username; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Пароль: </td> <td class="value"> <input type="password" class="short" name="data[password]" value="<?php print htmlspecialchars($data['password']); ?>" /> <span class="validation"><?php print $validation['password']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Подтвердите пароль: </td> <td class="value"> <input type="password" class="short" name="data[confirm_password]" value="<?php print htmlspecialchars($data['confirm_password']); ?>" /> <span class="validation"><?php print $validation['confirm_password']; ?></span> </td> </tr> <tr> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> Обращение: </td> <td class="value"> <select class="short" name="data[title]"> <option value="" <?php if ($data['title'] == ''): ?>selected="selected"<?php endif; ?>>Нет</option> <option value="Г-н" <?php if ($data['title'] == 'Г-н'): ?>selected="selected"<?php endif; ?>>Г-н</option> <option value="Г-жа" <?php if ($data['title'] == 'Г-жа'): ?>selected="selected"<?php endif; ?>>Г-жа</option> <option value="Доктор" <?php if ($data['title'] == 'Доктор'): ?>selected="selected"<?php endif; ?>>Доктор</option> <option value="Профессор." <?php if ($data['title'] == 'Профессор.'): ?>selected="selected"<?php endif; ?>>Профессор.</option> </select> <span class="validation"><?php print $validation['title']; ?></span> </td> </tr> <?php if ($user_shopper_group->shopper_group_id == 5): ?> <tr> <td class="label"> <span class="required">*</span> Фамилия: </td> <td class="value"> <input type="text" class="short" name="data[last_name]" value="<?php print htmlspecialchars($data['last_name']); ?>" /> <span class="validation"><?php print $validation['last_name']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Имя: </td> <td class="value"> <input type="text" class="short" name="data[first_name]" value="<?php print htmlspecialchars($data['first_name']); ?>" /> <span class="validation"><?php print $validation['first_name']; ?></span> </td> </tr> <tr> <td class="label"> Дата рождения: </td> <td class="value"> <script src="http://test.loc/brainfuck/includes/js/calendar/calendar.js" type="text/javascript"></script> <script src="http://test.loc/brainfuck/includes/js/calendar/lang/calendar-en-GB.js" type="text/javascript"></script> <link type="text/css" href="http://test.loc/brainfuck/includes/js/calendar/calendar-mos.css" rel="stylesheet" media="screen, projection"> <input id="vm_date_field" name="data[vm_bdate]" value="<?php print htmlspecialchars($data['vm_bdate']); ?>" class="inputbox" type="text" style="width: 220px;" readonly="readonly"> <input name="reset" class="button" onclick="return showCalendar('vm_date_field', 'y-mm-dd');" value="..." type="reset"> </td> </tr> <?php endif; ?> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <tr> <td class="label"> <span class="required">*</span> ФИО руководителя: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_fio]" value="<?php print htmlspecialchars($data['vm_ur_fio']); ?>" /> <span class="validation"><?php print $validation['vm_ur_fio']; ?></span> <div class="example">Например: Иванов Иван Иванович</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> На основании чего действует: </td> <td class="value"> <select class="short" name="data[vm_ur_certificate]"> <option value="0" <?php if (!$data['vm_ur_certificate']): ?>selected="selected"<?php endif; ?>>Выбрать</option> <option value="1" <?php if ($data['vm_ur_certificate'] == '1'): ?>selected="selected"<?php endif; ?>>Устав</option> <option value="2" <?php if ($data['vm_ur_certificate'] == '2'): ?>selected="selected"<?php endif; ?>>Приказ</option> <option value="3" <?php if ($data['vm_ur_certificate'] == '3'): ?>selected="selected"<?php endif; ?>>Свидетельство о регистрации</option> </select> <span class="validation"><?php print $validation['vm_ur_certificate']; ?></span> </td> </tr> <?php endif; ?> <tr> <td class="label"> <span class="required">*</span> Телефон: </td> <td class="value"> <input name="data[phone_1]" type="text" class="short" value="<?=$data['phone_1']?>"> <span class="validation"><?php print $validation['phone_1']; ?></span> <div class="example">Например: +375 25 123 45 65</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Страна: </td> <td class="value"> <select class="short" name="data[country]"> <option value="0" <?php if (!$data['country']): ?>selected="selected"<?php endif; ?>>Выбрать</option> <option value="BLR" <?php if ($data['country'] == 'BLR'): ?>selected="selected"<?php endif; ?>>Беларусь</option> </select> <span class="validation"><?php print $validation['country']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Город: </td> <td class="value"> <input type="text" class="short" name="data[city]" value="<?php print htmlspecialchars($data['city']); ?>" /> <span class="validation"><?php print $validation['city']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Адрес доставки: </td> <td class="value"> <input type="text" class="short" name="data[address_1]" value="<?php print htmlspecialchars($data['address_1']); ?>" /> <span class="validation"><?php print $validation['address_1']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Индекс: </td> <td class="value"> <input type="text" class="short" name="data[zip]" value="<?php print htmlspecialchars($data['zip']); ?>" /> <span class="validation"><?php print $validation['zip']; ?></span> </td> </tr> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <tr> <td class="label"> Факс: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_fax]" value="<?php print htmlspecialchars($data['vm_ur_fax']); ?>" /> <span class="validation"><?php print $validation['vm_ur_fax']; ?></span> </td> </tr> <tr class="shopper_group_id_9_content"> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Наименование организации: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_name]" value="<?php print htmlspecialchars($data['vm_ur_company_name']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_name']; ?></span> <div class="example">Например: ООО «Компания» или ИП Иванов</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Юридический адрес: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_adress]" value="<?php print htmlspecialchars($data['vm_ur_company_adress']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_adress']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> УНП: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_unp]" value="<?php print htmlspecialchars($data['vm_ur_company_unp']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_unp']; ?></span> </td> </tr> <tr> <td class="label"> р/с: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_rs]" value="<?php print htmlspecialchars($data['vm_ur_company_rs']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_rs']; ?></span> </td> </tr> <tr> <td class="label"> Банк: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank]" value="<?php print htmlspecialchars($data['vm_ur_company_bank']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank']; ?></span> </td> </tr> <tr> <td class="label"> Код банка: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank_code]" value="<?php print htmlspecialchars($data['vm_ur_company_bank_code']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank_code']; ?></span> </td> </tr> <tr> <td class="label"> Адрес банка: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank_address]" value="<?php print htmlspecialchars($data['vm_ur_company_bank_address']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank_address']; ?></span> </td> </tr> <tr> <td class="label"> Контактное лицо: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_contact_person]" value="<?php print htmlspecialchars($data['vm_ur_contact_person']); ?>" /> <span class="validation"><?php print $validation['vm_ur_contact_person']; ?></span> </td> </tr> <tr> <td class="label"> Телефон контактного лица: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_contact_person_phone]" value="<?php print htmlspecialchars($data['vm_ur_contact_person_phone']); ?>" /> <span class="validation"><?php print $validation['vm_ur_contact_person_phone']; ?></span> </td> </tr> <?php endif; ?> <tr> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> </td> <td class="value"> <input type="submit" value="Сохранить" /> </td> </tr> </table> </form></div>Если у любого одного инпута, кроме селекта и субмита, удалить value, то форма отправляется и пост приходит, а без удаления - форма даже не отправляется, пОста просто нет.

Привет, всем! Требуется помощь! Есть ли в js событие, которое отвечает за загрузку файла в форму? Например загружает человек картинку с помощью input[type="file], и после того, как он это сделает срабатывает какое-то событие. Спасибо!

Всем привет. Может, кто сталкивался с такой проблемой. При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10. Зачем эта падла так? Я ни разу такого не видела. Кто что знает? http://joxi.ru/p27LXw5SnEGoA7

День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox

вот код http://codepen.io/anon/pen/hcyka Есть кнопки, они сделаны инпутом. Вот в чем проблема: я нажимаю , к примеру, блог и оно выделяется (:focus) и меняется контент. Теперь отведи курсор и щелкни в пустое место - выделение пропало. Вопрос: как сделать чтобы оно держало выделенным до тех пор, пока я не нажму другую кнопку из меню

У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?

Здравствуйте, Уважаемые! Вопрос следующий есть инпут, при вводе в него значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось

Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

Доброго дня, подскажите как автоматически единоразово обновить страницу через 10 секунд после нажатия на кнопку (<button> или <input>)? Кнопка совершает действие, и нужно по истечении 10 секунд обновить данные на страничке. Страничка писана в HTML. Заранее благодарен

Сейчас верстаю форму поиска и никак не могу понять, как рассчитывается высота. http://jsfiddle.net/ludwigwoltmann/68jQT/2/ По макету высота текстового поля и кнопки должна быть 29px. Кнопка и текстовое поле должны располагаться на одной линии. Я задаю фиксированную высоту в 27px (с учетом верхней и нижней границы в 1px), в результате -- высота поля -- 31px, высота кнопки -- 27px. Не понимаю... Сначала думал что это из-за шрифтов - но изменение их размеров и межстрочного интервала ничего не дает. Подскажите пожалуйста, как решить проблему?

http://jsfiddle.net/tKKLy/ Это часть кода, как видите(по коду скрипта), при нажатии на надпись search она пропадает и появляется форма, в input стоит автофокус, при первом появлении формы он срабатывает, затем при потере фокуса форма пропадает, появляется снова надпись, при повторном нажатии на search, автофокус уже не срабатывает, почему так происходит?????

Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через хромовский дебагер смотрю и вижу что инпут находится в рамках дива, но диалог выбора файла возникает при клике за пределами дива... Посмотреть можно здесь - http://dev.chedream.com/dream/new login: Dart pass: Dart

Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </form> </body> </html>

Есть поле ввода. В него человек может ввести как короткий текст, так и длинный. Нужно сделать, что бы текст пропорционально вмещался в поле ввода. То есть, если длина текста привышает длину поля ввода, то размер уменьшается. Данная проблема решается скорее всего с помощью js, может кто-то сталкивался с уже готовым скриптом? Если нет, то как правильней расчитать размер текста, если длина поля ввода известна?

Ребят, привет! Может у кого получалось убирать всплывающую подсказку у input поля выбора файлы в Google Chrome? По умолчанию подсказка отображает имя выбранного файла или текст "Файл не выбран". Задание пустой подсказки не помагает: <input type="file" title=""> стандартный title все равно отображается.

Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 100, 145, 0.5); color: #FFFFFF; display: inline; font-size: 15px; height: 30px; line-height: 30px; padding: 0; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); width: 100px; } .selector { background: url(../img/box_bg.svg) no-repeat 0 0 #eee; /* Chrome 25-, Firefox 15-, Opera 12, Safari, IE9, Mobile*/ background: linear-gradient(#fff, #000); /* Chrome 26+, Firefox 16+, Opera 12.1+, IE10+ */ }

Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?

Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать красиво и выровнять эту форму вместе с кнопкой по правому краю. Сделать это мне не удалось и я решил прописать для input параметр margin-left: input { vertical-align: middle; margin-top: 7px; margin-left: 300px; } Получилось вот так: Т.е. сначала форма ввода отступила от левого края 300px, а потом и кнопка. Подумал я и дописал position: input { vertical-align: middle; margin-top: 7px; position: absolute; margin-left: 300px; } Получилось так: Вопрос: что мне надо сделать, что бы кнопка шла аккурат за формой ввода?

Доброго времени суток. Задача: около input'а нарисовать свою кнопку. Кнопка должна находиться справа от input'а. Решение очень простое - http://jsfiddle.net/kZN3r/ Однако, в IE8 кнопка сползает под input. Что странно, так это тот факт, что на странице, которую я верстаю, используется такая структура много раз. И там все отображается как надо. Я подумал, что дело может быть в родительском/соседних элементах, но пример по ссылке на jsfiddle - проще некуда, и в прогрессивных браузерах отображается как надо. Проверял код на validator.w3.org - все валидно. В чем проблема?