Ошибка обертывания изображения в теге <a> для лайтбокса

Question

Я запускаю сайт Wordpress с функцией галереи миниатюр. Каждый палец находится внутри тега <a>, так что полное изображение появляется в лайтбокс. Проблема в том, что по какой-то причине зона находится за изображением и только 16 пикселей высотой (большой палец 96 х 96). Я не вижу ничего в css, который вызывает это.

An example of this can be seen here

<a rev="http://www.pinksandgreen.co.uk/wp-content/uploads/2010/09/WALDE-XC14_1-200x200.png" class="wpscimg" rel="lightbox Funky paper mache deer heads" href="http://www.pinksandgreen.co.uk/wp-content/uploads/2010/09/WALDE-XC14_1.png"> 
    <img width="96" height="96" src="http://www.pinksandgreen.co.uk/wp-content/uploads/2010/09/WALDE-XC14_1-96x96.png" class="attachment-gold-thumbnails" alt="WALDE-XC14_1"> 
</a>  

Я не могу сделать ничего, чтобы изменить высоту через HTML или CSS, и это сводит меня с ума!

Answer 1

Да, вроде. Вы можете щелкнуть по всему изображению, не так ли?

Это потому, что якорь является встроенным элементом. Если вы действительно хотите, чтобы быть как ширина/высота, как изображение (единственная причина, почему это абсолютно необходимо, когда вы хотите, чтобы дать стиль к а) пусть это будет (inline-) блок:

a.thumbnail-a { display: inline-block; } 
/** OR **/ 
a.thumbnail-a { display: block; } 

Answer 2

Вам нужно изменить размер ссылок.

.wpscimg { 
    display: block; 
    float: left; 
} 

и результат будет: