Have you ever had the problem of having a little extra space under images on your website? This has been driving me crazy since I started the FancyFlickr plugin and noticed a little extra space under all of the images on my site.
The problem is that by default the bottom of images are lined up with the baseline of the text — which means the bottom of most letters, but there is still that small space for the bottoms of letters like p and q.
By default vertical-align is set to baseline. All you have to do to fix the problem is set
a img { vertical-align: bottom; }Viola! Problem solved.
You are a god.
I had to thank you.
wow
thanks!
man you are the best my dear ,. i had 5 hrs solving it !!!!!
You can also do this:
a img { display: block }
I was trying everything from margins/borders/padding to try and resolve it. Great that it was something so simple. Thank you very much for this!
you just saved my life! ahaha
thanks buddy
That really works! You are my hero, You save my life!!!!
glad i came to your page first