WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Trying to Align Images Side by Side and Link to a URL (5 posts)

  1. goopy
    Member
    Posted 5 years ago #

    Hi -
    I am trying to align my images side by side. I am a real novice and I don't understand stylesheets (though I am trying). All of my images stack on top of each other.

    The second thing is that I am trying to use thumbnails to link not to the image but to a new url (entirely different website). I can't figure this out either. If I can't use thumbnails, I am happy to use the original images. Image align does not seem to be working.

    I downloaded the FlexibleUpload plug-in but could not figure out either of these things.

    Thank you so much! I've spent a few days on this without success.

  2. moshu
    Member
    Posted 5 years ago #

    When inserting the image into the post from the Write screen - you do have the option to choose thumbnail AND left align + linking to the original size or to the attachment page or none. Adding an anchor tag around any image tag is basic HTML 101, not a WordPress issue.

    If it doesn't work - it is your theme.
    Read: http://wordpress.org/support/topic/164999?replies=1
    (after #9, see the Additional Questions)

  3. goopy
    Member
    Posted 5 years ago #

    Moshu -

    Thank you so much. I learned how to link with an anchor tag and that is working well.

    The image alignment also works now.

    But the images still stack on top of each other, although they are aligned in the center of the page. I want them to be side by side. I could not find the answer in the page that you guided me to.

    I am using Peaceful Rush 2.0. Here is my code:
    <p style="text-align: center;"><img src="http://dejiridoo.com/blog/wp-content/uploads/2008/09/belterralizard1.jpg" width='50' height='166' alt="belterralizard1" class="imageframe imgaligncenter" /></p>

    <p style="text-align: center;"><img src="http://dejiridoo.com/blog/wp-content/uploads/2008/09/belterralizard2.jpg" width="50" height="166" alt="belterralizard2" class="imageframe imgaligncenter" /></p>

    Would appreciate any help!

  4. moshu
    Member
    Posted 5 years ago #

    I said align them to the left - not center. If centered, then they will get on the top of each other.

  5. goopy
    Member
    Posted 5 years ago #

    Moshu -

    Thank you. I made the changes you suggested.

    It turned out that I was using a hard return to separate the images in my coding (if you can call it that). I was doing this for clarity.

    When I stopped pressing return after each image coding line, they lined up next to each other. Silly!

    Thanks again.

    Goopy

Topic Closed

This topic has been closed to new replies.

About this Topic