0

Есть 2 блока. Видео и Фото. В компьютерной версии когда нажимаешь на них, то происходит переход по ссылке, но в мобильной версии этот переход не работает, то есть они не кликабельны. В чем может быть проблема? Вот CSS:

.media-links {
    width: 100%;
}
.media-links a {
    display: block;
    /*height: 190px*/
    ;
    width: 40%;
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
    text-decoration: none;
}
.media-links .video-link {
    background-image: url('../img/videos.png');
    margin-right: 10%;
}
.media-links .foto-link {
    background-image: url('../img/photos.png');
}
.media-links a {
    height: 200px;
}

@media (max-width: 767px) {
    .media-links a {
        height: 260px;
        margin-bottom: 50px;
        width: 45%;
    }
}

Вот html:

<div class="media-links">
<p><a class="video-link" href="/qalereya/video">&nbsp;</a> 
<a class="foto-link" href="/qalereya/foto-qalereya">&nbsp;</a></p>
</div>

Я думал может из-за того, чтобы блоки наезжают друг на друга. В чем может быть проблема?

8
  • пропущен знак в открывающем теге p p> перед первой ссылкой
    – fanfer
    26 фев 2019 в 11:28
  • @fanfer перепроверил. не из-за этого
    – asdas
    26 фев 2019 в 11:35
  • блок по которому клацаете должен быть внутри тега а
    – Ljil
    26 фев 2019 в 11:54
  • @Ljil не совсем понял. можете на примере показать,? вы про media-links?
    – asdas
    26 фев 2019 в 12:03
  • @asdas втолкните p внутрь a
    – Ljil
    26 фев 2019 в 14:26

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.