Сообщение # 1 | 20:41:09 15 Май 2022
ПРивет братцы. В общем обычный PROMO слайдер. Сайт: http://ecodar96.ru
Проблема в том, что не могу все картинки выровнять, пробовал и через px и через %, в итоге либо у одной картинки окантовка вылезает снизу за границу, либо у всех. Заколебался уже, посмотрите пожалуйста код, может как-то саму рамку можно установить в %, чтобы она автоматом растягивалась и мозги мне не делала? На растягивания пофиг, картинки одного размера, 600х600. 


Код
<!-- НАЧАЛО СЛАЙДА НОВЫЕ ТОВАРЫ -->
 <div class="specialties inside-wrapper">
 <h3 class="block-title">Новые товары</h3>
 <ul class="slides" id="services-slider">
 
 <li class="doctor"><div style="text-align: center;">
 <img src="https://sun9-69.userapi.com/s/v1/if2/YCA9C2icdS_jK1IoisobPj2bjzu5fW2zKWCeFEP1yOQOIRKDxjhZEPRH_aQENRLNoRMMSMuO2Kt0cIB1JykyZP_c.jpg?size=600x600&quality=95&type=album" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло арбузное</p>
 <p>Профилактика почечных заболеваний</p>
 </div>
 </li>
 <li class="doctor"><div style="text-align: center;">
 <img src="https://sun9-78.userapi.com/s/v1/if2/FZQ8iBkkkDloyH2iBpkIELgkSq4atIrWK79sQmnsahcuwm4R9LOl00UkEUNrOi6psOqvJNkFm1-rsNxR9CmwY0Zo.jpg?size=600x600&quality=95&type=album" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло виноградное</p>
 <p>Общеукрепляющее средство</p>
 </div>
 </li>
 <li class="doctor"><div style="text-align: center;">
 <img src="https://sun9-84.userapi.com/s/v1/if2/wwW4aNmGx1m0rO8rev7rCf-OjcIyNBQvzDQw3ptlbGyO8Ydr5cEGdBKFlJHgu0wve1X2emdZyvKgIxSS0_UnOQYS.jpg?size=600x600&quality=95&type=album" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло конопляное</p>
 <p>Для косметических целей</p>
 </div>
 </li>
 <li class="doctor"><div style="text-align: center;">
 <img src="https://sun9-12.userapi.com/s/v1/if2/BuZWvcnpcaFp4SFND7ZSGwjmrD_eYeJSEndUxtaDAakGXba-JR5ehvILo9NmrJLcrIvNC_t2q4yLzFmeZRQnCZH_.jpg?size=600x600&quality=95&type=album" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло кунжутное</p>
 <p>Для воспалительных процессов</p>
 </div>
 </li>
 <li class="doctor"><div style="text-align: center;">
 <img src="https://sun9-67.userapi.com/s/v1/if2/M1hF6ZO8pI5kK1q81JsQGWK0Ip1j0H-rRX5DaR5rSJS-vL5M3Qp4Wwot63sQLyrbjOgpQZz0ykJ0SuuRLYoVhyrY.jpg?size=600x600&quality=95&type=album" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло тыквенное</p>
 <p>Для оздоровительных целей</p>
 </div>
 </li>
 <li class="doctor"><div style="text-align: center;">
 <img src="http://ecodar96.ru/novosti/maslovitaminnoe600600.jpg" alt="example" height="330px"></div>
 <div class="info">
 <p class="name">Масло витаминное</p>
 <p>Для нервной системы</p>
 </div>
 </li>
 
 </ul>
 <script type="text/javascript" src="/.s/t/1802/jquery.bxslider.min.js"></script>
 <script>
 $(window).on('load', function () {
 $('#services-slider').bxSlider({
 useCSS: false,
 nextText: 'keyboard_arrow_right',
 prevText: 'keyboard_arrow_left',
 minSlides: 3,
 maxSlides: 3,
 moveSlides: 3,
 slideWidth: 365,
 slideMargin: 50,
 pager: false,
 autoStart: true
 });
 });
 </script>
 </div>
 <div class="devices-wrap inside-wrapper">
 <!-- КОНЕЦ СЛАЙДА НОВЫЕ ТОВАРЫ -->

Добавлено (06 Июн 2022, 17:02:49)
---------------------------------------------
никто не поможет?