просто оберните тэг вокруг всего извлечения html, например
<a href="/categories/1">
<img alt="test1" class="img-responsive" src="/assets/photo.jpg" />
<div class="caption bg-orange">
<h2>
test1
</h2>
</div>
</a>
в моем примере класс caption имеет эффекты зависания, что с указателями-событиями: none; вы просто потеряете
обертывание содержимого будет поддерживать ваши зависающие эффекты, и вы можете щелкнуть по всему изображению, включая div, !
Вместо сортировки всего DataFrame
вы можете вызвать nlargest
для вашего столбца, взять индекс и вырезать из первого элемента, так как он всегда должен быть сам.
col = 'B'
df[col].nlargest(4).index[1:].tolist()
['E', 'C', 'D']