Trying to get images to line up on a page

  • Resolved Docfxit

    (@docfxit)


    10 years, 4 months ago

    I added images to a page. The images are lined up in the page viewer.
    When I view the page they are all over the place.
    How can I get them to line up correctly. There is supposed to be a before (on the left)and after image (on the right) side by side.

    This is an example: https://theoffice.la/wood/before-and-after-2/

    I tried adding style=”float: left; margin-right: 5px;” to the left image.
    And style=”float: right; margin-left: 5px;” to the right image.
    It didn’t seem to help.

    Any help would be appreciated.

    Thank you,

    Docfxit

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

  • If you want them to be align left and right, I suggest placing the images inside of a container. Example:

    <div id="image_container_1">
   <img #1 style="float:left;">
   <img #2 style="float:right;">
</div>

<div id="image_container_2">
   <img #3 style="float:left;">
   <img #4 style="float:right;">
</div>

<div id="image_container_3">
   <img #5 style="float:left;">
   <img #6 style="float:right;">
</div>

    Also note, you’ve added floats to the images, but there are anchor tags (links) wrapped around your image. So the image is floated, but the anchor is not (ultimately, the image is floated within the anchor. the anchor does not move).

    Thread Starter Docfxit

    (@docfxit)

    Thank you very much for the suggestion.

    I think I implemented what you suggested. How can I remove the anchors?

    Thank you,

    Docfxit

    P.S.: Do you know of a good HTML wysiwyg editor that may help me?

    Put the images in a gallery or look for a plug in to do that.
    Plus if you want them to align next to each use float:left on both or just the first one.

    Thread Starter Docfxit

    (@docfxit)

    Thank you for the suggestion…

    I left the float:left on just the first one. And that didn’t change anything.

    Next I’ll try putting the images into a gallery.

    Thank you,

    Docfxit

    P.S.: Do you know of a good plugin gallery to use?

    The built in image gallery is easy to use (access from create a gallery when inserting media). More full featured options like Nextcellent are a bit more complex but worth testing.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trying to get images to line up on a page’ is closed to new replies.

Tags