Thanks for the advise I have a Mac and I am not sure the Windows program will work although the shape collage has some nice looking merits.

I am not a professional yet even though that is one area I hope to move towards.
I have a web site and now have been starting my blog. I have not yet sold even one of my images as I have not put myself out there enough.
Im a bit scared that my images are not good enough.

I am lucky I do travel a lot working on cruise ships although this makes me hard to contact at times.

Chris

As a professional photographer, I take the less aesthetic approach by keeping focus on the images instead of layout. If you work with a lot more photographs than 4 per blog, say, 20 to 30 ... I wrote about the method I use that easily inserts this many photos http://shimworld.wordpress.com/2011/08/30/use-windows-live-writer-to-easily-insert-many-images-into-your-wordpress-com-blog/

I Think I will try through Photoshop. as I already have the basic idea and if needed I will have to upgrade to place it into my page.

I will definitely be trying it on my next blog Durban - South Africa I have some great images that will work well.

I want to thank you all for everything you have suggested and will try them all.
Chris

First, make a post with a gallery in it and make sure to set columns to "1" when you add the gallery: http://en.support.wordpress.com/images/gallery/

Then add this to the Appearance → Custom Design → CSS page and click Preview:

#content .gallery .gallery-icon {
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 2px 10px #333;
    -webkit-box-shadow: 0px 2px 10px #333;
    box-shadow: 0px 2px 10px #333;
    float: left;
    padding: 5px 5px 10px 5px;
}

#content .gallery .gallery-icon img {
    border: none;
    padding: 0px;
}

Note: the 2nd rule in this CSS is specific to Twenty Eleven. It removes some extra borders and padding from gallery images.

If you do a single column stack as suggested above, you'll probably want to float the stack left too:

#content .gallery {
    width:180px;
    float:left;
}

Note: you may need to adjust the width depending on your media size settings.

Looks like I will have to upgrade to get this to do what I would like with this issue, I will try some things over the next few days and see how it goes.

Thanks for the help.

Chris

On the image example you posted under uncategorized, All I'm seeing right now is the background that happens when you hover over the image. If you want to get rid of that, the following CSS will do it (if you have the custom design upgrade). I don't know of anyway to get rid of it from within the image HTML coding.

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
background: none;
border-color: transparent;
}

Its cool I might need a better bigger picture for my gravitater. and it does look cool Im almost there thanks to all of you.

I will try that

Thanks

I placed an example on my blog it under Uncategorized.

That image was created using a graphics program like Photoshop before it was uploaded for WordPress. I bet you could find a tutorial about that if you search online.

Happiness Engineer
Thanks I might have to get the upgrade if I do not solve this some other way, I am new to blogging and want to become better with every blog that I produce.

again the help has been fantastic.

Kudos to all

Chris

If that's the only design change you want to make, then it might work just as well for you to just not use a caption. A lot of the WordPress.com themes use a border and background color for captioned images but not regular images. Try editing the image and remove the caption to see if that gets you the result you're after for the border.

If you do want to learn more about the custom design upgrade, check out this page: http://en.support.wordpress.com/custom-design/

Hi Happiness engineer
Where do I use this , wp- caption { background: none} is it in the CSS Class or the Styles

By the way I really appreciate all the help in improving my blog as this is my first ever
query

Chris

If you want to remove the background color from behind captioned images in the Twenty Eleven theme, you can use this:

.wp-caption {
    background: none;
}

Are you talking about all your images? Some of them are captioned, some aren't, some have borders, some don't - please explain in more detail what exactly you're looking for. "Get the images to seem like they are in Davids blog" doesn't tell us much.

I have been able make my images, at least my Landscape images at this time seem to pop in my new blog.

So many thanks for that.

I will keep looking for a way to make multiple images for my blog.

Chris

And I will look into uploaded images dimensions at the link.

Thanks again

Chris

If you go to http://www.pixelatedimage.com/blog/ you will see examples of what I would like to attempt to recreate on my blog.

I have also placed an example on my post page of what I have been able to upload called example.

Thanks Chris Taylor