Hi,
I am playing around with the layout of the grid format and am trying to remove the apparent size difference between the .image_holder div and the image it contains.
If I inspect the div itself, it's size is reported as 218px x 140px. So I give the div an overflow: hidden; and make my image the correct size.
Like this:
.course-content ul.icons li .image_holder {
width: 218px;
height: 140px;
overflow: hidden;
border: 1px solid #ddd;
background-color: #f1f2f2;
text-align: center;
vertical-align: middle;
}
However despite my image being exactly the same size as the div it is going in and the div not having any padding etc. The image gets resized to 210px x 136px resulting in an ugle portion of the div background showing around the bottom and right of the image.
I have seen this also in the example images on the page you download the format from.
Has anyone had success correcting this?
Greg