Switch74

для ссылок добавьте vertical-align: top

http://jsfiddle.net/gern5zx3/

делайте рамку составной, так можно будет не рисовать ее под кнопкой

не идеально, но может быть подойдет http://jsfiddle.net/wojq4k93/2/

да, пробелы и переносы строк так же отображаются в тексте

посмотрите в сторону cover http://jsfiddle.net/whutzgaq/ для background тоже есть подобный функционал

https://jsfiddle.net/c2nmwpea/ так?

только через js

суть парсера страницы выше есть вход у вас идет через страницу https://www.culture.ru/afisha/chelyabinsk?page=1&limit=24 на этой странице находите ссылки по которым парсите то что вам нужно нужно сделать два алгоритма: парсир ссылок и страниц - два вложенных цикла

нужен код, есть подозрение на не закрытый тег или кавычку

<a href="/index.html> кавычку закрывающую забыли

не уверен, что у вас такое получится

http://jsfiddle.net/6hwgf8sv/

для <div class="box sidebar"> укажите vertical-align: top;

а не проще сделать это через checkbox? http://jsfiddle.net/16fbz584/ в вашем случае что вам мешает в скрипте менять картинку для вашей btn?

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

1. Зачем вам для .product-wrap нужен position: absolute;? 2. Все .product-item будут находиться в одном .product-wrap? 3. для того чтобы у вас было то что вы описали вам нужно использовать display:inline-block, float или flex

в вашем случае ни как <a> - это ссылка <div> - это блок и он не является кнопкой если нужна кнопка используйте <button> если нужна ссылка в виде кнопки, для этого достаточно <a> https://jsfiddle.net/jrweq0hm/1/

обработайте эту ошибку

где :hover почему в одном месте .sub-menu, а в другом .submenu что это за верстка <ul class="main-menu"> <li><a href="#">Link</a></li> <ul class="sub-menu"> <li><a href="#">Суб меню</a></li> <li><a href="#">Суб меню</a></li> </ul> в ul может быть только li хотя бы что-то вроде https://jsfiddle.net/5jmutb4e/1/

суть везде одинаковая на мой взгляд для изучения вполне подойдет справочники и форумы все это можно найти на https://learn.javascript.ru/

страдаете не понятно чем зачем такие странные паддинги для .button-logo, а потом паритесь с width:200% https://jsfiddle.net/fo7wr56t/5/

у вас обе страницы отображаются одинаково, index у вас с зумом, если вы его уберете, то скорее всего не заметите разницы а то что у вас страница не влезает в окно браузера - это значит что у вас выставлены слишком большие размеры - их нужно сделать поменьше или содержимое страницы растягивает ее так что она не влезает целиком, пробуйте использовать % и элементы которые переносятся на новую строку, если им не хватает места (inline, float, flex)

не видно кода

так я и говорю, получайте и преобразовывайте только одну нужную картинку, зачем вам грузить то, что вы не показываете.