# Where are the spaces between my images coming from?

**URL:** <https://forum.kirupa.com/t/where-are-the-spaces-between-my-images-coming-from/331619>\
**Category:** web dev\
**Created:** [September 11, 2013, 10:43am UTC](https://forum.kirupa.com/t/where-are-the-spaces-between-my-images-coming-from/331619 "2013-09-11T10:43:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![IQAndreas](https://avatars.discourse-cdn.com/v4/letter/i/f08c70/32.png) [@IQAndreas](https://forum.kirupa.com/u/IQAndreas)\
**Post date:** [September 11, 2013, 10:43am UTC](https://forum.kirupa.com/t/where-are-the-spaces-between-my-images-coming-from/331619/1 "2013-09-11T10:43:45Z")

</div>

I’m trying to transfer this PHP site: [http://medtechsweden.com/](http://medtechsweden.com/)  
To a static Jekyll site: [http://jekyll.medtechsweden.com/](http://jekyll.medtechsweden.com/)

But as you can see, some of the images are “shifted down” by a pixel or two; you can see this effect on the front page image, in the menu, and on image that decorates the topmost edge of the page.

As far as I know, I didn’t change any of the actual CSS, I just copied it verbatim from the original site. Did I mess something up in the template which caused this extra whitespace? (no matter what properties I look at in FireBug, it says the only difference is the `scrollHeight`, which I’m not even setting manually anywhere)

If it makes things more clear than right-clicking to view the source, the code is all temporarily stored on GitHub:

[LIST]  
[_][Full source for the site](https://github.com/IQAndreas/jekyll.medtechsweden.com)  
[_][The “default” Liquid template](https://github.com/IQAndreas/jekyll.medtechsweden.com/blob/gh-pages/_layouts/default.html)  
[_][The “index.html” page](https://github.com/IQAndreas/jekyll.medtechsweden.com/blob/gh-pages/index.html) (that’s it, that’s all the code I’m using on that page)  
[_][The only CSS page](https://github.com/IQAndreas/jekyll.medtechsweden.com/blob/gh-pages/css/main.css) (the top two blocks are disabled since they didn’t exist in the original site)  
[/LIST]

[SIZE=1]Disclaimer: I didn’t make the site, so don’t blame me if the HTML looks crappy. Back when I was still fiddling with [VB.net](http://VB.net) and just starting with AS3 (way before I had more experience with web development), someone charged a ridiculous amount of money to make a site whose PHP and JavaScript I can now see was quite crappy, and the entire site consisted of placing items in tables (though, perhaps that was the norm back then). I have cleaned up some of the code, but it still isn’t satisfactory to me. I still can’t believe he can get away with producing such low quality code, and meanwhile I’m always hesitant to take on programming jobs because I feel I’m not skilled enough as a developer, and don’t want them to suffer because of my inexperience.[/SIZE]