Search code examples
htmlcssimageblogspotavatars

HTML - Image is not displaying in full


http://revive-blue-introblogger.blogspot.com/2010/07/demonstrating-all-theme-styles.html#comment-form

I was trying to install this theme on my blog and I noticed a little problem - the avatars in the comment section are not displaying in full, they're cut off as well as the container. I've edited the codes a hundred times but I just can't figure out what the problem is. Help would be much appreciated!


Solution

  • Use your developer toolbar (Chrome) and inspect the image. If you don't see anything wrong with the image, work up the DOM until you see the problem. Check their widths, heights, paddings, margins, and "top" and "left" CSS attributes.

    This element <div class="avatar-image-container vcard"> has max-height: 36px which is too small.

    The image element itself has width and height attributes of 35x35 even though the image is 45x45.