How to make images show up the same?

[Tijs]

Dear Studiopress community,

I have trouble with making all my images the same size and place them in the same spot in a post.

The way I would like to present my image is like this:
http://www.muziektherapieplein.nl/241/gitaar-richtlijnen-voor-de-muziektherapeut-3/
Somehow I won't succeed doing my images this way in other posts. I'd like to show the images the same as they do in this one.

Anyone an idea?
Thanks in advance 🙂

Cheers,
Tijs

[Spanka]

There are many ways you could do this. There will be no "right" way. I recommend doing a google search on css centering images.

To get you started...

.entry-content img.alignnone {
    display: block; /* dont act like an image - be a big fat full width element */
    margin: 0 auto; /* now I'm a block, margin: 0 auto = place me in the center */
    max-width: 100%; /* but Im not allowed to be any wider than my parent */
}

This will align any image that you do NOT float left or right when you add media to your page. It will also never overrun the page or look silly on tiny mobile screens.

[Author]

Posts