prophet_07

Здрасти вам. Вот как вариант, если нужны изначально "жестко" заданные размеры: https://jsfiddle.net/r61ax2dh/ Но теоретически, лучше все переделать.

Как вариант, http://dimox.github.io/jQueryFormStyler/demo/#select В последнем примере реализация похожая.

Для .footerPanel добавьте box-sizing: border-box Или ширину блока можно высчитать через: width: calc(100% - 40px);

У вас форма через POST отправляется, а переменные name и phone пытаетесь через GET получить. В документации пример#2: http://php.net/manual/ru/language.variables.external.php

Ошибка, немного неправильно я написал . Нужно body добавить. @media screen and (max-width: 1024px) { body{ background: none; } #main_container{width:100%;} .header{ text-align:center; height:auto; padding:30px 0 20px 0;} .logo h1{font-size:35px;} .left_full, .left13, .left23, .left12, .left14{ width:90%; float:left; margin:40px 0 0 5%;}

Посмотрите где у вас медиа запросы начинаются, там добавьте. Не обязательно "991px", у вас может быть другая точка излома. При этом разрешении и меньше просто будет перезапись свойств body.

Его можно просто убрать/ заменить на нужном разрешении. Например: @media screen and (max-width: 991px) { background: none; }

after должен к элементу добавляться какому либо. #main_container{width:960px;margin:auto;} #main_container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

У вас внутри #main_container есть блоки с нулевой высотой. Например, .home_bottom. Внутри три "плавающих" блока и поэтому родитель "схлопнулся". Самое простое для #main_container добавить "overflow: hidden;" Но лучше добавить псевдокласс для очистки потока. Например, такой: #main_container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

У вас имя домена zak.hol.es, а url для фоновых картинок начинаются с test1.ru Только для для одной правильно указан. Переносили сайт с локального сервера через Duplicator?

У input нет содержимого, поэтому ничего не выведет. http://htmlbook.ru/samcss/psevdoelementy В данном случае можно обычный placeholder использовать.

В .menu__icon должны быть пустые span. Они используются для иконки открытия/ закрытия. Текст, который там будет трансформироваться, как в примере, который выше присылал, так span-ы эти преобразуются в крестик. Как в указанном примере. А в работе задействовано только основное меню ".menu__links"

Открываться должно ".menu__links", как сейчас или ".menu__icon"? Для ".menu__icon span" можно задать font-size: 0;

Если подключить jQuery то меню работает: https://jsfiddle.net/3y4s6ve3/ У вас в ".menu__icon" со span что-то не так, они получаются и для крестика и для пунктов одновременно?

Если правильно понял проблему, то у header добавьте - top: 0; И дальше main можно двигать без всяких "<br>"

Опечатка в этом слове "sryle type.. ", видимо, из-за неё.

В двух местах прийдется менять в данной реализации. Нужный padding/ font-size у самого блока, потом у псевдоэлемента толщину border.

Как понять "только средствами html/css" ? Он и так сделан на html/css плюс псевдоэлементы. https://jsfiddle.net/64t5d85d/

Попробовать на сервере в .htaccess добавить: Header add Access-Control-Allow-Origin "http://имя_разрешенного_домена" На бесплатных, скорее всего, будет заблокировано системой хостинга , нужно у них уточнять.

Видимо в этом проблема: https://learn.javascript.ru/xhr-crossdomain Сервер должен разрешать кросс-доменный запрос с указанного домена.

Вот здесь почитать можно как это сделать, седьмой пункт: https://e-planet.ru/company/blog/12-maloizvestnyh-faktov-o-css-chast-2.html

А зачем для main снизу отрицательный margin? Если делать без flexbox для основных блоков, то можно на этом генераторе посмотреть как прижать футер.

Как вариант, добавьте еще к #menu {position: relative; z-index: 1;}

Как вариант: http://protocoder.ru/css/strokeTextGen

Теоретически можно: https://jsfiddle.net/ckLjvqto/4/ Там еще несколько строк нужно дописать, для таких размеров, с увеличенными значениями text-shadow чтобы не было скругления в конце.