Caleb Withers
Member
Posted 1 year ago #
Hi there,
I'm looking to make a post with three images at the top of the page. However, with my current code
<a href="http://www.rottunrecordings.com/excisionshambhala2009.jpg"><img title="Click for full-size tracklisting for 2009" src="http://www.rottunrecordings.com/excisionshambhala2009.jpg" alt="Excision's Shambhala 2009 Mix Artwork" width="324" height="353" /></a><a href="http://usera.imagecave.com/foxxxone/keel9j.jpg"><img title="Click for full-size tracklisting for 2010" src="http://usera.imagecave.com/foxxxone/keel9j.jpg" alt="Excision's Shambhala 2010 Mix Artwork" width="280" height="353" /></a>
<a href="http://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg"><img class="alignnone" title="Click for full-size tracklisting for 2008" src="http://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg" alt="" width="604" height="258" /></a>
There is a small gap between the top images and the bottom image - my post width is 604px so the third images wraps round to the bottom. I've tried removing line-spacing in Chrome's element editor, but the gap remains. Any one got any idea of how I could remove the gap? Should I try using negative padding or a table perhaps?
Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.
Caleb Withers
Member
Posted 1 year ago #
Try using:
<p style="line-height:96%;"><a href="http://www.rottunrecordings.com/excisionshambhala2009.jpg"><img title="Click for full-size tracklisting for 2009" src="http://www.rottunrecordings.com/excisionshambhala2009.jpg" alt="Excision's Shambhala 2009 Mix Artwork" width="324" height="353" /></a><a href="http://usera.imagecave.com/foxxxone/keel9j.jpg"><img title="Click for full-size tracklisting for 2010" src="http://usera.imagecave.com/foxxxone/keel9j.jpg" alt="Excision's Shambhala 2010 Mix Artwork" width="280" height="353" /></a>
<a href="http://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg"><img class="alignnone" title="Click for full-size tracklisting for 2008" src="http://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg" alt="" width="604" height="258" /></a></p>
Caleb Withers
Member
Posted 1 year ago #
Cheers for that, that works great.
Just wondering, what's so special about the number 96?
Um - it's slightly less than 100%? Seriously - I just played around with the line-height until I was able to get a reasonable result.
