Great Rash

http://codepen.io/GreatRash/pen/NNqNOm- так должно быть понятно

Значит лишний закрывающийся див где-то вне шаблона.

<textarea type="t" name="n" class="c"><?=($t1 . "\r\n\r\n" . $t2)?></textarea>

У вас логическая ошибка в скрипте. Ну и если уж и так jQuery используете:

$(function() { $("button.btn").on("click", function(){ var myWidth = $(window).width(); if (myWidth < 1025) { $(".nav-collapse > ul").toggleClass("nav_active"); } });});И ресайз никакой вам не нужен.

<p> - блочный элемент, вполне логично, что он не хочет выравниваться в строку.

Для этого вам понадобится дополнительный блок. http://codepen.io/anon/pen/GpOeEB

.item-photos::after - убрать правило position: absolute;

Думаю, что вы навряд ли найдёте актуальный справочник по HTML/CSS в бумажном варианте.

http://htmlforum.ru/index.php?showtopic=13589&p=170848

Я так понимаю, что проблема в том, что поле поиска не получает фокус при клике. В этом случае у вас есть три пути:
 
1) Обернуть картинку в <label> - в этом случае по клику на него фокус будет передаваться соответствующему полю (которое будет указано в атрибуте for)
2) Отменить клики для этого блока - использовать правило pointer-events: none;, правда поддержка браузерами (ИЕ) оставляет желать лучшего.
3) Разрезать таки эту картинку на кусочки.

div {
overflow: hidden;
width: 20%;
height: 150px;
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
}
div img {
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
}

Т.е. то, что внутри нужно деформировать в обратную сторону, тогда всё становится ок.

Вам нужно сделать как минимум 2 улучшения.
 
1) Отвяжитесь от ID и привяжитесь к классам или data-атрибутам. Это позволит вам не писать кучу бессмысленных идентификаторов типа car2, car3 и т.п.
2) В качестве аргумента функции вам нужно использовать массив. А если уж вы хотите использовать текст, то вам нужно превратить его в массив (распарсить).
 
Пример:
var elementsToHide = 'car'; // будем искать элементы с классом .carfunction hide(clName) { var nodes = document.getElementsByTagName('img'), // находим все картинки length = nodes.length, // узнаём сколько всего у нас картинок на странице node = null; for (var i = 0; i < length; i++) { node = nodes[i]; // i-тая нода if (node.className.indexOf('clName') > -1) { // если в имени класса присутствует 'car', значит этот элемент нужно спрятать node.style.display = 'none'; } }}Этот пример подходит для старых браузеров. Если же вас интересуют только новые браузеры (на самом деле основная проблема только в ИЕ7 и ниже, даже в ИЕ8 приведённый ниже код будет работать с некоторыми оговорками), то можно смело использовать более просто и правильный подход:
var elementsToHide = '.car'; // ищем элементы с CSS-селектором '.car' (обратить внимание на точку впереди)function hide(elements) { var nodes = document.querySelectorAll('img' + elements), // получаем все картинки на странице с классом car length = nodes.length; for (var i = 0; i < length; i++) { nodes[i].style.display = 'none'; // нет нужды отсеивать что-то (за нас это сделал метод .querySelectorAll() }}

Тупо добавить бекграунд и отступ инпуту.

table {
table-layout: fixed;
}
td {
overflow: hidden;
/* или */
word-break: break-all;
}

Посмотреть очень просто: открываем например Хром, жмём F12, ищем закладку Network, перезагружаем страницу и смотрим какие запросы полетели и какие ответы пришли. В общем нет, что так. что  сяк грузится одинаково, т.е. свой запрос на каждую картинку.

Какие-то у вас хреновые флексы. Зачем так к примеру float?

https://jsfiddle.net/s5oa58xq/4/

Плагин - говно. Буква "б" тут не при чем, просто разработчики плагина не подумали, что бывают языки, отличные от латиницы. Таким идиотским способом они отслеживают запятую (видимо смотрят тупо на keyCode).

Надо изменить структуру HTML.

html, body, .all {
height: 100%;
}
.all {
position: relative;
}

Тут setTimeout вообще не при чём. Просто вы скрипт видимо просто так запускаете (не с сервера) из-за этого document.domain  у вас null. Браузер считает, что вы пытаетесь нарушить систему безопасности и блокирует доступ к документу, загруженному в <iframe>.

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

Да согласен, в таком случае не сработает метод. Тогда предлагаю использовать SVG.
В ИЕ9 вроде есть его поддержка (только пример мой допилите по-человечески - доктайпы там и т.п.). Даже можно попробовать повторить на VML, тогда получите поддержку аж в ИЕ6+.

Потому что у вас ошибка в синтаксисе.