Center three images on a page — not working.

  • I am creating a page and simply want to insert 3 images, in a horizontal row, centered on the page. This sounds simple but is proving diffcult. I can easily insert one and center, but cannot accomplish the same thing for all three. I have tried the text align icon to center them — no luck. I have gone into each photo and selected the center align option, but this forces each photo to its own row.

    Any suggestions?

    Thanks.

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

  • Are you having trouble centering all three of them or putting them into a horizontal row?

    I’ve just tested on my website and putting the three images in a horizontal row works with no aligning, and centering I’ve tried to do what you do for layouts which is changing the margins to “auto” but no luck, but I’ve tried adjusting the margins like margin-left:50px etc, and it worked to align them like that, so change the left/right margin until it reaches the center, replace the value of 50 with however much until it centers. Let me know if it works.

    So possibly try this:
    <div style="margin-left:50px;">images here</div>

    Thread Starter osu9400

    (@osu9400)

    I am trying to place all in a SINGLE row and have them centered without breaking to a second row. Will your suggestion center the row for ALL resolutions?

    Well if you insert images into a post and you don’t specify and alignment, and you but their codes beside eachother without breaking a line etc, then it would be in a single row. And adjusting the margins works for all resolutions, it’s not like text-shadow or border-radius… try it and let me know.

    Thread Starter osu9400

    (@osu9400)

    Thanks for the excellent suggestions. I solved it by simply putting <div align=center> & </div> tags around the image row. this worked.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center three images on a page — not working.’ is closed to new replies.