The images still have space between and do not align correctly (it is supposed to look like a gallery). Any way to fix it?
It's not clear from looking at the table code (HTML) what the layout that you are going for is supposed to look like. I'm sure that some CSS will help straighten things out, but first can you describe the layout for me in a bit more detail? Are you trying to get more than one column of images?
Also, be aware that while the theme you are using is responsive (adapts to mobile) tables are not as flexible. So the layout you are trying to create on your desktop may not be best for visitor on a tablet or smartphone.
Have you considered using the blog to create and organize your portfolio instead? In that scenario, each portfolio item would be a post, instead of page, as you have them now. This way you can use tags and categories to your advantage to group your projects together, and also unlock some of the features built into the theme, like the homepage portfolio display you see on the demo. Plus it would all work on mobile and spare you from having to mess with HTML.