Switch74

через after к nav можно добавить элемент который будет с градиентным полупрозрачным фоном вот например генератор градиентов http://www.colorzilla.com/gradient-editor/

какой-то глюк с getElementsByClassName, ибо возвращает HTMLCollection(3) [li#one.hot, li#two.hot, li#three.hot, one: li#one.hot, two: li#two.hot, three: li#three.hot] 0:li#two.hot length:1 two:li#two.hot __proto__:HTMLCollection при этом hotItems[0], hotItems[1] и hotItems[2] возвращают вполне корректные объекты

да можно и так. способов на самом деле очень много, все зависит от того, как у вас реализован вывод страниц. если у вас страница формируется из динамичной контентной части и как правило статичной хеадер + футер, то можно сделать механизм получения этой самой контентной части без хеадера и футера. Так же возможно стоит предусмотреть вариант подгрузки отдельного блока в контент

$('.product_link__js').on('click',function(){ history.pushState(null, null, $(this).attr('href')); //скорее всего здесь так же понадобится $.post(url,post,function(){...}); чтобы подгрузить что нужно return false; });

а где у вас тут onClick?

выше, но !important валит всех

https://jsfiddle.net/k749764s/

если flex не вариант можно тупо 2 верстки сделать и показывать в зависимости от размера нужный блок

inline-block нет? https://jsfiddle.net/gpq41zLk/

Вот ваш пример в действии https://jsfiddle.net/gLyrzy47/ все работает возможно в ваших стилях есть правило для p которое перебивает выше указанное правило для .center-bar-one

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

@media (max-width: 700px){ nav { position: static; overflow: scroll; white-space: nowrap; } } и что не так? Я бы начиная с 1000 уже эти правила вводил, а то у вас там меню уже переноситься начинает

что именно не получилось? пример кода можно? У меня получилось, открывайте с мобилки http://jsfiddle.net/y6chzkun/embedded/result/dark/

я вижу там scroll

overflow:scroll;

если блок не меняет своих размеров относительно браузера, то зачем менять размеры треугольника?

возможно вам поможет https://jsfiddle.net/9n73ro76/1/ чтобы понять суть this, но вот почему через debгug работает именно так, тут я вам не подскажу. Возможно это из-за другого контекста выполнения скрипта. А вывод undefined в консоле - это то что возвращает ваша функция, если вы в нее добавите return, то будет выводить то, что вы напишете.

а какая разница? блок у вас ведь относительно браузера меняет свои размеры или нет?

сейчас попробовал у меня населенный пункт был виден при возврате назад Хром 63.0 под Вин7

ну как минимум img у вас не флекс было бы не плохо ему тоже вес какой-то установить по вашей картинке я так понимаю у вас должно быть 3 колонки, добавьте еще пустые div которые будут занимать равное пространство по сравнению с заполненными блоками, тогда вашим картинкам некуда будет девать (при условии, что у них одинаковые размеры) и будут идти друг под другом ровно

очень не хочется https://jsfiddle.net/2k7ocmmn/1/ innerHTML - не правильно написали

выложите в jsfiddle.net

Скорее всего лучше на js, если чертежи эти не тяжелые и их не много. Иначе вы можете очень долго прождать загрузки вашего скрипта с 2D чертежами и пользователю может надоесть ждать загрузки

можно попробовать так https://jsfiddle.net/wn1f3p6k/

не?.. https://jsfiddle.net/fabbd07o/1/