Tuesday, December 16, 2014

HTML: Remove extra space at bottom of div

If you using image width 100% and Height auto, Since images are extra space at bottom of div.



HTML
<div class="images-slide">
    <img src="/footer-image.png" alt="Gallery" title="Gallery">
</div>

CSS
.images-slide img {
    max-width: 100%;
    height: auto;
} 

To un-do this effect for images, you can specify either of the styles below,

img { display:block; }
or
img { vertical-align:bottom; }

No comments:

Post a Comment