rimidbit

Неофит
  • Публикации

    3
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О 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/