Владислав

Потому что событие надо вешать относительно родительского не динамического элемента, например body. Тогда все получится

Еще по-хорошему там, где переносы не нужны вместо пробела использовать   или задать стиль ячейкам с ценой white-space: nowrap

Чтобы накладывать слои друг на друга не обязательно делать z-index. Если задать элементам position: absolute например, то они наползут друг на друга так, что нижний элемент в верстке окажется сверху. В вашем случае я понял что картинка идет после хедера. Тогда полоску положите в низ хедера, в один контейнер.

<div class="group">
    <header></header>
    <div class="poloska"></div>
</div>

.group {
position: relative;
z-index: 1;
}
.poloska {
position: absolute;
bottom: /*подогнать как надо */
left: 0;
right: 0;
}
Но это навскидку.
А лучше скиньте ваш хедер + картинку куда-нибудь, так будет проще и быстрее вам помочь

https://jsfiddle.net/eksge0L5/

Как один из вариантов:
В форме задать полям id. В программе, если это javascript переменные натравить примерно так: var x = document.getElementById('id_в_форме').value
Если jQuery то var x = $('#id_в_форме').val();
А кнопку привязать на выполнение этой функции по имени, типа onclick="имяфункции()" или через код jQuery $('#id_кнопки').click(function(){
название_функции();
});

Если ширина логотипа фиксирована, то я бы сделал примерно так https://jsfiddle.net/ce052Lwf/1/

Файлик php на хостинге у хостера лежит? Если да, то возможно они поменяли настройки безопасности и закрыли возможность использования чужих или несуществующих адресатов в mail(). Попробуйте создать почту типа info@domain.ru и в from его прописать и отправить.
Также проверьте папку спам - бывает когда шлешь почти одинаковые (тестовые) письма, их антиспам метит отправителя как спам и молча в эту папку кладет.

Делайте сайт для людей, а не для поисковиков. Поисковики это любят =) ЧПУ для людей. Также в url подсвечиваются совпадающие слова с запросом. Хуже точно не будет. А удобнее может стать. По ЧПУ удобно ссылки в мессенджерах определять о чем она. Например друзья часто скидывают ссылки на новости, и по ЧПУ я понимаю, читал ее или нет =)

А плиточки как выводите - display: inline-block ? Если да, то про margin ~ 4px не забыли у них? Обнулите их или отрицательным margin или font-size: 0 и выставьте border или margin для задания отступа

А вам принципиально задавать рамку с заголовком именно таким способом? Таблицы очень специфичны и ведут себя при нестандартном подходе непредсказуемо.

Есть к примеру, кроссбраузерный тег специальный
htmlbook.ru/html/legend

<fieldset>
  <legend>Стоимость аренды прицепа МЗСА</legend>
<table>
...
</table>
</fieldset>

css
fieldset {
  border: 5px solid #3A89C9;  
}
legend {
  padding:0 10px;
}

Еще вариант обернуть таблицу дивом с position - relative. Потом тег h3 например с абсолютным позиционированием и потом таблица

Сомневаюсь что вы найдете CMS которая будет иметь только те функции, которые вам нужны. WP изначально создавался для блогов и отлично подходит для этого. Со временем может появиться необходимость в новых функциях. А скорость и легкость фронтенда зависит от шаблона, который вы будете использовать.