Этот вопрос закрыт для ответов, так как повторяет вопрос Пропадает картинка на слайдере когда хочу сделать ее ссылкой?
@pologenki

Как сделать из картинки ссылку?

Здравствуйте! Не получается сделать из картинки ссылку ! Картинка сделана как сликслайдер , при приминении тега (A) к картинке она прападает! Код прикладываю ниже :

<div class="slider">

            
            <div class="slider__item filter">
              <img src="img/Hero.png" alt="text">
                <div class="slider__item-title">My First Project</div>
                
                
            </div>
            <div class="slider__item">

               <img src="img/Hero.png" alt="">
            
                <div class="slider__item-title">My Firt Project</div>
                
            </div>
            <div class="slider__item ">
                <div class="img__img">
              <a href=""><img src="img/Hero.png" alt=""></a></div>
                
                <div class="slider__item-title">My Firt Project</div>
                
            </div>
            <div class="slider__item">
                <img src="img/Hero.png" alt="">
                <div class="slider__item-title">My Firt Project</div>
                
            </div>
        </div>


CSS
.slider {

  // .slider__item

  &__item {
    color: white;
    text-align: center;
    padding: 70px 10px;
  
    a{
      
        display: block;
        width: 100%;
        height: 100%;
      
    }

  }

  // .slider__item-title

  &__item-title {
  font-size: 25px;
  font-weight: 500;
  margin: 10px 0 7px;
  }

  // .slider__item-text

  &__item-text {
  
  }
}
.filter {
}

.a{
  display: block;
  width: 100%;
  height: 100%;
}
  • Вопрос задан
  • 75 просмотров
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы