Помогите пожалуйста.. Помощь по формату галереи

[АлИнУсЯ]

Всем привет,

Я ценю любую помощь, которую кто-либо может предложить..

Речь идет о веб-сайте www.tapasbar.co.uk.

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

Код галереи:











https://lumtu.com/images/4.jpg
https://lumtu.com/images/4.jpg

https://lumtu.com/images/5.jpg
https://lumtu.com/images/5.jpg

Галерея​

https://lumtu.com/images/6.jpg
https://lumtu.com/images/6.jpg

Галерея​

https://lumtu.com/images/7.jpg
https://lumtu.com/images/7.jpg
https://lumtu.com/images/7.jpg

Галерея​

https://lumtu.com/images/8.jpg
https://lumtu.com/images/8.jpg

Галерея​

https://lumtu.com/images/9.jpg
https://lumtu.com/images/9.jpg

Галерея​

https://lumtu.com/images/11.jpg
https://lumtu.com/images/11.jpg

Галерея​

https://lumtu.com/images/10.jpg
https://lumtu.com/images/10.jpg
https://lumtu.com/images/10.jpg

Галерея​

https://lumtu.com/images/5.jpg
https://lumtu.com/images/5.jpg

Галерея​

https://lumtu.com/images/12.jpg
https://lumtu.com/images/12.jpg

Галерея​

https://lumtu.com/images/9.jpg
https://lumtu.com/images/9.jpg

Галерея​

https://lumtu.com/images/8.jpg
<скрипт>
$(функция(){
var Gallery = $('.gallery a').simpleLightbox({navText: ['‹','›']});
});
https://lumtu.com/images/8.jpg
В настоящее время изображения загружаются в виде столбца очень неправильной формы. Я бы хотел, чтобы изображения упорядочивались в сетку или что-то более чистое и организованное.
Заранее спасибо.

 

[klimentino]

Ну, пустые заголовки, пустые абзацы, бесконечный бессмысленный DIV, атрибуты данных, указывающие, что скрипттардеры выполняют работу CSS, привязки, оборачивающие вещи, которые не принадлежат внутри тегов строкового уровня, если вы хотите единообразного форматирования, презентационное использование раздутых классов, Clearfix как будто это все еще 2003 год... ну...

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

Хотя индикаторы показывают, что вы обременили себя готовым фреймворком, это означает, что я бы посоветовал выбросить весь САЙТ в мусор, чтобы начать заново, правильно используя семантическую разметку, без тупого невежественного фрейма BS, который ссыт на него.

Извините, если это покажется резким, но правда часто такова. То, что вы дошли даже до H4 - без видимого СОДЕРЖАНИЯ, указывающего на начало подраздела - говорит об этом довольно ясно, на мой взгляд.

Мне нужно будет увидеть реальные изображения и контент вживую, прежде чем я смогу даже ПОПЫТАТЬСЯ сказать вам, какой будет правильная разметка и CSS... и любые сценарии будут там для улучшения функциональности... как выглядит конкретная реализация лайтбокса как будто он злится настолько высоко, что можно подумать, что всемогущий только что вернулся из бочонка.