Сетка в петле, Однако последний пункт прыгает везде

Привет У меня есть петля данных (WordPress сообщений) в сетке с парением над ним.
Однако, если последний находится в столбце 1 (из 4), при наведении курсора он также поднимает контейнер ниже.

Я не знаю, если это одна из тех вещей, на которые я смотрел слишком долго, но я либо упускаю что-то маленькое и глупое, либо что-то большое.

Может кто-нибудь увидеть, где проблема здесь вообще, пожалуйста.

Мой код

<div class="wpb_column vc_column_container vc_col-sm-3" style="padding:8px">
<a href="<?php echo post_permalink( $ID ); ?>" >
<div class="showhim">
<img src="http://www.qygjxz.com/data/out/114/5304683-image.jpg">
<div class="showme">
<div class="postimage-title">

<div class="supplier-image"><a href="<?php echo post_permalink( $ID ); ?>" ><?php the_title(); ?></span></a>
</div>
</div>
</div>
<div class="wpb_wrapper"><div class="vc_empty_space" style="height: 10px"><span class="vc_empty_space_inner"></span></div>
</div>
</div>
<!-- End Image box --></a>
</div>

<?php
if(($the_query->current_post+1)%4 == 0){
echo '<div class="clear" style="clear:left"></div>';
}

endwhile;
?>

Вот ссылка, если это помогает https://thetaguk.com/site/author/parm-kaur-2/

0

Решение

Добавьте этот стиль:

.showhim {
position: relative;
}
.supplier-image {
margin-top: 0;
position: absolute;
top: 47%;
margin: auto;
width: 100%;
}
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector