Remove gap between images

  • 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="https://www.rottunrecordings.com/excisionshambhala2009.jpg"><img title="Click for full-size tracklisting for 2009" src="https://www.rottunrecordings.com/excisionshambhala2009.jpg" alt="Excision's Shambhala 2009 Mix Artwork" width="324" height="353" /></a><a href="https://usera.imagecave.com/foxxxone/keel9j.jpg"><img title="Click for full-size tracklisting for 2010" src="https://usera.imagecave.com/foxxxone/keel9j.jpg" alt="Excision's Shambhala 2010 Mix Artwork" width="280" height="353" /></a>
<a href="https://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg"><img class="alignnone" title="Click for full-size tracklisting for 2008" src="https://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?

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    Thread Starter Caleb Withers

    (@hoget10)

    https://djsilkworm.com/contact

    Try using:

    <p style="line-height:96%;"><a href="https://www.rottunrecordings.com/excisionshambhala2009.jpg"><img title="Click for full-size tracklisting for 2009" src="https://www.rottunrecordings.com/excisionshambhala2009.jpg" alt="Excision's Shambhala 2009 Mix Artwork" width="324" height="353" /></a><a href="https://usera.imagecave.com/foxxxone/keel9j.jpg"><img title="Click for full-size tracklisting for 2010" src="https://usera.imagecave.com/foxxxone/keel9j.jpg" alt="Excision's Shambhala 2010 Mix Artwork" width="280" height="353" /></a>
<a href="https://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg"><img class="alignnone" title="Click for full-size tracklisting for 2008" src="https://www.b3ta.cr3ation.co.uk/data/jpg/excisionsham2008mixart.jpg" alt="" width="604" height="258" /></a></p>
    Thread Starter Caleb Withers

    (@hoget10)

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove gap between images’ is closed to new replies.