Максим Тимофеев

select - это элемент, multiple - это его атрибут. Нельзя вывести элемент в виде атрибута. Нельзя нарисовать яблоко в виде зеленого, можно нарисовать зеленое яблоко.

https://habr.com/post/189570/

Вставить нужный html в html, скрыть (допустим класс hide добавить), по результату убирать класс hide.

1. зачем картинки хранить в базе?
2. возможно стоит отдельно хранить картинки и отдельно пометки?

Допустим пометку можно выводить, накладывая поверх фото div c position: absolute; Тогда в базе мы храним ссылку на фото, текст пометки, смещение слева и сверху в % от размера фото.
Если на картинке может быть несколько пометок, то две таблицы, а если хранить и книгу, то 3 например:
book: id | title | some_description | cover_image_url
page: id | book_id | image_url
info: id | page_id | text | left | top
сами картинки, конечно же будут не в базе, в базе только ссылки на них или части ссылок (а если картинки именовать, как /book_id/page_id.jpg, то вообще не надо хранить url)

.someHeader {
width: 100%;
margin: 0;
height: 10vh;
}
.myCol {
width: 25%;
margin: 0;
min-height: 90vh;
}

Но лучше flex

Верстка делается под старый браузер

насколько старый? Если очень - таблицы

tabs.querySelector('.active-advert-add') не содержит объекта, который бы имел classList, что не удивительно, так как в select нет ни одного элемента с классом active-advert-add, поэтому tabs.querySelector('.active-advert-add') дает null, а null.classList вызывает ошибку с очевидным текстом "не возможно прочитать свойство 'classList' в null"

С помощью чего сделать интерактивную форма заявки для сайта?

с помощью javaScript ( jquery или vue ), можно поискать готовые деревья, помощь в поиск:
js tree
vue tree
jquery tree

Как сделать в одну строку div элемент?

.my_div_class {display: inline; }

миллион способов, можно сократить значительную часть вариантов, если понять каким образом сверстана Ваша стрелочка. Если исходить из того что Вы дали (картинка), то ответ: открыть картинку в редакторе типа paint.net, вырезать область , подвинуть ниже.
Если интересует html и css, как Вы в тегах указали, то неплохо бы было привести html и css.

как перезапустить див

для того что бы перезапустить див, вначале надо запустить див, а это невозможно

Отправляете себе в какой-то php файл, там разбираете форму и потом редиректите на гугл
Либо с помощью js отменяете отправку, шлете себе ajax-ом, потом отправляете в гугл

1. проще всего выкачать сайт по ftp
2. не имея доступа к серверу Вы выкачаете только верстку и контент, для контента удобнее всего взять sbfactory.ru/?p=600

В js по событию перелистывания перебираете видимые фото и вешаете им разные классы. Далее в css решаете вопрос скошенных углов.
По опыту owl carusel не самая адекватная карусель, возможно дело вкуса, но сколько с ней не работал, всегда заканчивается сменой на slick

простой картинкой.
И убейте человека который это нарисовал. Как он представляет себе рамку, если вторая строка будет по ширине как первая? Что будет если строк будет 18?

<spoiler title=""> </head></spoiler>

вряд ли что-то вообще может работать при таком коде

href="style.css"
../img/first-bg.jpg

У Вас css судя по всему в корне сайта, а картинку Вы пытаетесь найти в папке img на уровень выше. Не бывает папок на уровень выше корня.

header {
  height: 100vh;
}<b></b>

Как у Вас html в css попал?

Такое ощущение, что был взрыв и куски кода раскидали

viewport != body

https://developer.mozilla.org/ru/docs/Mozilla/Mobi...
https://itchief.ru/lessons/html-and-css/meta-viewp...