Great Rash

У Opera mini и с SVG есть проблемы... Ну тут как говорится кому что надо: если цель - мобилы, то SVG, если цель - десктопы (особенно старые ИЕ), то шрифты. В идеале комбинация картинок, шрифтов и вектора.

Иконочные шрифты более кроссбраузенрные. Поэтому пока их юзать предпочтительнее. В любом случае я считаю, что вы неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом. Вот пример.

При помощи вот такого скрипта например.

Больше так не делайте. В следующий раз за подобное буду наказывать.

Если нужна защита от спама, то я порекомендовал бы не ставить капчу, или поставить простенькую. И в дополнение к ней установить скрытй от глаз юзера чекбокс, с каким-нить хитрым именем типа important. Робот его увидит и чекнет, а юзер его не увидит и не чекнет, таким образом можно будет отсеять автоматический спам.

Подготовьте пример на jsfiddle или на codepen, возиться с архивон врядли кто-то будет.

Всё равно непонятно.

Ничо не понятно, почему размер карты должен измениться если её фоном накрыть?

Вот тут говорят, что это из-за того, что текст ссылки вы копипастите из WordPad'а или из MS Word'а. Это типа символы конца строки. А вообще «e2 80 8e wordpress» в Google..

http://ivaynberg.github.io/select2/ или http://harvesthq.github.io/chosen/ Они почти одинаковые.

typeof data чо показывает?

Интерактивной сделать можно, только не совсем кроссбраузерно. Зеленый фон может менять масштаб вот так (если я правильно понял задачу).

А не проще ли использовать <label>?

Ну во-первых, в каком ИЕ? А во-вторых, сработает.

Ну я предпочитаю верстать письма на HTML3, и забивать на стили. Всё пишу атрибутами, т.к. некоторые почтовики стили вырезают. Как с этим на мобилах дела обстоят вообще не представляю. Если вы уже обнулили cellpadding и cellspacing, то нет смысла дописывать border-collapse, тем более, что бордеров у вас в ячейках нет. По поводу процентов - это уже вам виднее нужны они вам или не нужны.

Я не парюсь и пишу вот так: <center>тут остальной код</center> работает везде.

Есть мнение, что на айпадах скроллить надо двумя пальцами

Искать в той папке где установлен сервер (opensrever в вашем случае). У меня установлен другой пакет - Endels, так вот в моём случае путь такой: N:\usr\local\php5.4\php.ini

http://codepen.io/GreatRash/pen/vfukz

Можно ко мне в подпись глянуть

Кроссбраузерно: сделать две картинки - серую и цветную, при наведении скрывать ненужную. Не кроссбраузерно: использовать CSS-фильтры. Можно ещё попробовать использовать SVG-фильтры.

Скорее всего в PHP где-то ошибка. Скрипт "падает" и страница не отображается. Посмотрите в настройках php.ini куда у вас пишутся логи. Откройте этот файл в редакторе кода и поищите по словам "error log". Можно ещё поискать в папке с проектом файл error.log, раз на страницу не выводится ошибка, то возможно логи пишутся в этот файл.

Вкладывать <ul> в <p> не надо, rus, зачем ты так? Забейте, между .menu ul li и .menu li разницы нет никакой вообще, т.к. <li> без <ul> не встретится никогда.

Зачем карту трогать?

В HTML5 не приветствуется использование атрибутов тега для его стилизации. Вместо этого рекомендуется использовать CSS. Но это не означает, что атрибуты использовать запрещено.