Антон Иванов

Если "не можем никуда кликнуть мышкой" - значит у вас рендеринг блокируется работой JS-скриптов. Каких? Выясняйте. Отключите временно все JS-скрипты на вашем сайте, проверьте работу. Может быть также у вас включены дополнения/плагины в хроме - отключите и проверьте.

Общий смысл такой:
1. Прячете стандартный input-file.
2. Рисуете любой свой дизайн для загрузки файлов.
3. Вешаете JS-обработчик на вашу кнопку загрузки файлов, по клику на которую будет отрабатывать загрузка файла.

А вообще смотрите сюда:
https://blueimp.github.io/jQuery-File-Upload/

Вообще то значения из полей ввода обычно отправляются с помощью POST-запроса (как правило это веб-форма, или с помощью JavaScript). Форма должна быть расположена на странице book.php и отправлять данные на страницу edit.php - это для вашего примера. И очень условно.

одного и того же id будет больше одного

Мне кажется, у вас в архитектуре проекта что-то не ладное творится. Аттрибут ID у элементов по стандарту считается уникальным. Не стоит дублировать ID - и ваш вопрос сразу станет неуместным.

Как насчёт отрицательных margin у картинки? А тег P оставить в покое.

Я что-то не пойму, если вы ВЕРСТАЛЬЩИК, почему вы не можете использовать СВОИ стили? Если HTML - верстает другой сотрудник, так договоритесь с ним об используемых вами (и им) стандартах. Мне кажется, проблема не в том, как "правильно писать код", а в коммуникациях между сотрудниками.

Мне кажется вы не туда вопрос задаёте, дорогой товарищ! Форум Битрикса вам лучше подойдёт. Готовые (коробочные) решения обсуждают обычно там.

Как правило, студии без "админки" работу не сдают. Если не было указано заказчиком такое решение. Чисто теоретически PhpMyAdmin - та же админка, но с прекрасной возможностью быстро достигнуть пиз.... Ну вы поняли. Кроме того, никто не запрещает добавлять контент в виде статических файлов, например.

Фильтруете данные на JS, формируете GET-строку и перенаправляете на нее пользователя.

Что то мне подсказывает, у вас не всё хорошо с архитектурой приложения. Поскольку util.js грузится ПЕРЕД scale9image.js, только в первом вы ну никак не можете вызвать функцию из последнего. Браузер читает код строго последовательно, и как только наткнётся на вызов функции из scale9image.js в первом файле - сразу выдаст вам ошибку в консоль.

А вы не можете поднять scale9image.js на первую позицию?

Коллега, если вы не знаете, как решить поставленную вам задачу на собеседовании, значит вам рано поступать на работу на данную позицию.

Используйте таблицы там, где это уместно по контексту. В вашем случае - таблица отложенных товаров в корзину. ТАБЛИЦА. Ну так и используйте её. А вот верстать лейаут таблицы - да, это плохой тон.

Весьма вероятно, проблема не в z-index. А в overflow:hidden для контейнера, в котором ваш логотип расположен.

Только на JS

Не используйте бутстрап там, где это не нужно. Фиксированную колонку можно (и проще) сделать на собственном CSS-коде.

Вы о чем? Каждый таб и так уже отдельный див. См. Bootstrap Tabs

JavaScript вам в помощь

$('form').on('submit', function() {
    // открываем модальное окно бутстрапа
    $('#modal').modal();
    // делаем еще что-нибудь

    return false;
});

Да ну не уж то лень погуглить то?
https://www.google.ru/webhp?sourceid=chrome-instan...