Jump to content

rimidbit

Neophyte
  • Posts

    3
  • Joined

  • Last visited

Everything posted by rimidbit

  1. Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
  2. Делаю учебный проект. Не получается поставить текст в слайдере рядом с картинкой html <div class="main__slider"> <div class="carousel"> <div class="carousel-slide"> <div class="carousel__img"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> <div class="carousel__text"> <h1>Осень 2018</h1> <h2>новая коллекция</h2> <p>Мы рады предложить Вам новую коллекцию кроссовок от лучших производителей спортивной обуви</p> <a href="#">Купить сейчас</a> </div> </div> <div class="carousel-slide"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> <div class="carousel-slide"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> </div> </div> div с классом carousel создал, что бы решить проблему ширины т.к. произошел конфликт с flex-ами. обертку картинке добавил, в надежде сработает inline-block css .carousel{ margin-top: 30px; max-width: 960px; } .carousel-slide{ border: #cecece; display: inline-block; } .carousel__text{ margin-left: 60px; } .carousel__text h1{ font-size: 2em; color: #666666; } .carousel__text h2{ color: #145ba3; margin-bottom: 10px; } .carousel__text a{ color: #ff824a; display: inline-block; border: 1px solid #145ba3; padding: 10px; margin-top: 10px; } .carousel-slide img{ width: 200px; margin: 10px 50px; } как это добро выглядит в контексте макета можно посмотреть здесь https://rimidbit.github.io/shop.loc/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy