Иван Иванов

none
Не отображает границу и ее толщина (border-width) задается нулевой.

hidden
Имеет тот же эффект, что и none за исключением применения border-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае вокруг ячейки граница не будет отображаться вообще.

Тот случай, когда проще самому написать, чем объяснить. Но я попробую. Создаёшь массив всех Section и прогоняешь их через цикл, в котором пушишь в новый массив все option c значением selected. Затем этот массив собранный из option прогоняешь через цикл, в котором приплюсовываешь value к какой нибудь переменной. Не забудь преобразовать value в Number иначе у тебя дует получться что-то типа 150015007007300, так как value у option имеет string`овый тип данных.

Для того чтобы скрывать данные во втором select в зависимости от первого, вешаешь событие change select и через условия проверяешь: "Если у текущего select`a выбранный option имеет innerHTML == "Нужно тебе значение", то у другого select`a в котором необходимо изменить значения делаешь .options.length = 0; А затем используешь вот такую функцию

//Функция добавления новой опции к выбранному списку

function addOption (oListbox, text, value, isDefaultSelected, isSelected)		 

		{
		  
		  var oOption = document.createElement("option");
		  oOption.appendChild(document.createTextNode(text));
		  oOption.setAttribute("value", value);

		  if (isDefaultSelected) oOption.defaultSelected = true;
		  else if (isSelected) oOption.selected = true;

		  oListbox.appendChild(oOption);
		}

Используешь её вот так:

arrSelect[7].options.length = 0;	
    addOption(arrSelect[7], "- не выбран -", "0", true);	
    addOption(arrSelect[7], "топлок 41мм", "25", false);											
    addOption(arrSelect[7], "топлок 43мм", "25", false);

// arrSelect[7] - это твой массив собраных select где ключ это нужный тебе select
// "- не выбран -"  - это то что будет написано между тегами <option>
// "0" - это будет value 
// true - если надо что бы этот option в select был выбранным по умолчанию для остальных false

вроде всё.

пропиши

.head {
height: 100vh;
display:flex;
align-items:center;

Допишите первому кружочку класс .active чтобы он был у первого элемента при активации слайдера. Вы же когда всёрстку делаете, не ставите ему этот класс, а при нажатии на стрелочку, он добавляется вашему кружочку.

Если я правильно понял, попробуй в разметку после 2 блоков добавлять <div style="clear:both"></div> - это позволит сбросить float:left; выведет два следующих блока с новой строки.

Можно но для этого надо получить доступ к API whatsaap либо использовать сторонние сервисы, которые попросят за это денюшку

Скорее всего на мобильной версии установлены другие настройки для компонента. Посмотрите, возможно вызов компонента для мобильной версии идет в другом месте, в отличии от обычной версии сайта. Если так, тогда проверти настройки компонента. Скорее всего вместо "Добавить в корзину", в настройках компонента для мобильной версии, какую кнопку отображать, установлено "подребнее".

<form class="ajax_form" method="post" action="kontaktyi.html">

</form>

Обратите внимание на action у вас стоит, что при нажатии на кнопку отправить, происходит перегрузка этой же страницы. Вместо этого в action должен быть указан php файл в котором идёт логика обработки письма.

если точнее то примерно так

<form class="ajax_form" method="post" action="mail.php">

</form>

а так должен выглядить mail.php

$mail = "Ваша почта"
$name = htmlspecialchars($_POST['feedback-name']);  // получаем имя пользователя
$mailUser = htmlspecialchars($_POST['feedback-email']);  // получаем email пользователя 
$massage = htmlspecialchars($_POST['feedback-message']); // получаем сообщение пользователя

mail($mail, "Письмо из формы 'Контакты'", "Пользователь с именем".$name."и почтовым ящиком".$mailUser."Прислал вам сообщение: ". $massage. "Не забудьте ему ответить!"); // отправляем письмо на ящик

Вроде бы так... если ничего не напутал

1) ctrl + f5
2) Сбросить кеш на стороне хоста.
3) Если проект проиндексировался роботами, то только ждать, пока роботы переиндексируют страницу и информация обновится. Для ускорения можно в карте сайта прописать руками (если вы не используете никакой движок) дату внесения последних изменений. Тогда робот будет точно знать, где и когда были внесены изменения.

Все мышиные события предоставляют текущие координаты курсора в двух видах: относительно окна и относительно документа.

Пара свойств clientX/clientY содержит координаты курсора относительно текущего окна.

При этом, например, если ваше окно размером 500x500, а мышь находится в центре, тогда и clientX и clientY будут равны 250.

Можно как угодно прокручивать страницу, но если не двигать при этом мышь, то координаты курсора clientX/clientY не изменятся, потому что они считаются относительно окна, а не документа.

Проведите мышью над полем ввода, чтобы увидеть clientX/clientY:

<input onmousemove="this.value = event.clientX+':'+event.clientY">

А вот про overflow затрудняюсь...

Не забудь вначале подключить jQuery

$( document ).ready(function() {
  var fixedWidth = $('.fixed').width(); // плучаем ширину потомка. 
 $('.parent').css('width', fixedWidth+'px'); // устанавливает ширину родителя, равной ширине потомка.
});