Arm890

Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> <a class="tab products_tab" href="#product-tab-2">Моторы</a> <a class="tab products_tab" href="#product-tab-3">Шины</a> <a class="tab products_tab" href="#product-tab-4">Электроника</a> <a class="tab products_tab" href="#product-tab-5">Инструменты</a> <a class="tab products_tab" href="#product-tab-6">Аксессуары</a> </div> </div> <div id="product-tab-1" class="tabs-content products_content tabs-content--active"> <div class="product-slider"> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="tabs-content products_content"></div> <div class="tabs-content products_content"></div> <div class="tabs-content products_content"></div> <div class="tabs-content products_content"></div> </div> <div id="product-tab-2" class="tabs-content products_content"> <div class="product-slider"> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> <div class="product-slider_item"> <div class="product-item_wrapper"> <button class="product-item_favorite"> </button> <button class="product-item_basket"> <img src="images/basket-white.svg" alt=""> </button> <a class="product-item product-item--sale" href="#"> <p class="product-item_hover-text"> Посмотреть товар </p> <img class="product-item_img" src="images/content/product-1.png" alt=""> <h4 class="product-item_title"> Водонепронецаемый рюкзак </h4> <p class="price product-item_price"> 9800$ </p> </a> </div> </div> </div> </div> <div id="product-tab-3" class="tabs-content products_content">slider-3</div> <div id="product-tab-3" class="tabs-content products_content">slider-3</div> <div id="product-tab-3" class="tabs-content products_content">slider-3</div> <div id="product-tab-3" class="tabs-content products_content">slider-3</div> </div> </div> </div> </div> </section> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> <script src="js/slick.min.js"></script> <script src="js/main.js"> </script> </body> </html>

Я создавал баннер, было всё норм. Но когда я начал второй создавал он у меня заработал, но он был ужасный. Вместе красивых рядов с портфелями у меня их стало два, а должен быть один. Начал выяснять что за срань с кодом, полез в валидатор и обнаружил что есть какой то блуждающий тег. Что это такое, я не понимаю, но хотелось бы разобраться как это исправить. Вот собственно говоря код в котором валидатор ошибку нашёл: <section class="banner-section page-section">↩ <div class="container">↩ <div class="banner-section_inner">↩ <div class="banner-section_slider">↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ <a class="banner-section_slider-item" href="#">↩ <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">↩ </a>↩ </a>↩ </div>↩ <a class="banner-section_item sale-item" href="#">↩ <div class="sale-item_top">↩ <p class="sale-item_info">↩ акция↩ </p>↩ <div class="sale-item_price">↩ <div class="price sale-item_price-new">190 000</div>↩ <div class="price sale-item_price-old">226 000</div>↩ </div>↩ </div>↩ <img class="sale-item_img" src="images/content/sale-1.png" alt="">↩ <h5 class="sale-item_title">↩ Лодочный мотор↩ Suzuki DF9.98RS↩ </h5>↩ <P class="sale-item_footer">↩ Акция действует до↩ <span>31.08.2024</span>↩ </P>↩ </a>↩ </div>↩ </div>↩ </section>↩