WordPress.org

Ready to get started?Download WordPress

Forums

Aligning images? (8 posts)

  1. jfsomers
    Member
    Posted 10 years ago #

    Hi,
    When I put images in a post, the images stack on top of each other, but I'd like them to be in a single row and only stack on top of each other once the above row is full.
    http://www.paragondefenseforce.net/news/
    How do I do this?

  2. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Try putting the images all on one line with no gaps when writing the code ?

  3. Randyd
    Member
    Posted 10 years ago #

    I've tried using the image toggle code WP gives:
    <!--wp:pic src="yourphoto.jpg"-->
    and then trying to add the same line next to it and that doesn't work either.
    Anyone have any ideas?
    Thanks
    Randy

  4. jfsomers
    Member
    Posted 10 years ago #

    Figured it out, sorta.
    I used a table within the post. The only problem with this is that the images won't automatically go to the next row once the above row gets full (I think). Can't really complain though, but if someone has a better method, I'd really appreciate it.

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    You can define a new image class "left" in your wp-layout.css that "float"s the images, with the following:
    img.left{
    float: left
    }
    Then when you insert the image, add the class to the image tag:
    img class="left"
    And they will flow nicely just like normal text.
    Check out the floatorial:
    http://css.maxdesign.com.au/floatutorial/

  6. Anonymous
    Unregistered
    Posted 10 years ago #

    I think what you are specifically looking for can be found at this page.

  7. jfsomers
    Member
    Posted 10 years ago #

    Thanks a bunch guys, I'll try this out right now.

  8. dotann: Thanks for that tutorial! I was going to ask about that specific thing, but you've done it for me inadvertently. Ever think of registering? :P

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.