Need help? Check out our Support site, then


Code Help, Aligning Images, Help!

  1. Hi my names Adam and I'm having trouble figuring out to align two photo's of portrait format so that they are side by side on the page. Any help is much appreciated as I don't know much about code. The link to the page I am trying this on is located here: http://adamhphoto.wordpress.com/about/ (Scroll to the bottom to see the images)

    The code for both images is: (and I thought this would work...)

    <img src="http://adamhphoto.wordpress.com/files/2009/04/adamok3.jpg?w=213" alt="Adam Hunt" title="Adam Hunt" width="213" height="300" class="alignleft size-medium wp-image-419" /><img src="http://adamhphoto.wordpress.com/files/2009/04/adam_stand2.jpg?w=224" alt="Adam Hunt" title="Adam Hunt" width="224" height="300" class="alignright size-medium wp-image-418" />

    Does anybody know something I can insert into this code to get what I want? Thanks in advance for all the help! Much appreciated, Cheers! - Adam

    The blog I need help with is adamhphoto.wordpress.com.

  2. Nevermind I figured it out. Thanks so much for your time in replying. My respects to you.

  3. adamhphoto

    Your photos are too wide for your theme. The table breaks the right side of your post column. Make them narrower and then your caption will fit.

    <table style="border: 1px solid #cdcdcd; padding: 2px; background-color: #eeeeee; width: 450px;" border="0" align="center">
    <tbody>
    <tr>
    <td><img class="alignleft size-medium wp-image-419" title="Adam Hunt" src="http://adamhphoto.files.wordpress.com/2009/04/adamok3.jpg?w=213&h=300" alt="Adam Hunt" width="199" height="280" /></td>
    <td><img class="alignright size-medium wp-image-418" title="Adam Hunt" src="http://adamhphoto.files.wordpress.com/2009/04/adam_stand2.jpg?w=224&h=300" alt="Adam Hunt" width="210" height="280" /></td>
    </tr>
    <tr>
    <td colspan="2" align="center">The two photo’s of me above we’re shot by Fine Artist & Photographer Sheena Gibson of Kelowna, B.C.</td>
    </tr>
    </tbody></table>
  4. Total width in the contempt post area is 440px.

  5. hmmm
    When you insert a "full-size" image, it allows 450.
    ???
    At any rate, OP has his table and pics too wide.

  6. According to this, http://faq.wordpress.com/2006/09/25/how-big-can-my-images-be/ , the maximum image width is 440px.

  7. And on the about page, the width of the content area is 450px, but there is 45px of padding on the left

    #content {
    float:left;
    margin:-70px 0 0;
    padding:0 0 20px 45px;
    width:450px;
    }

    which would indicate the actual area available to images is 405px.

  8. Actually, the used text area comes out to about 450 total. Perhaps I misunderstood padding and it is "added" to the width declaration. My measurement thingy in Firefox seems to support that.

  9. I was confused now that I think about it. Margin will take away from the width declaration. Padding adds to it.

  10. Thanks Richard,
    That is interesting. I'm marking this thread.
    Do you think that the insert image function takes that into consideration when it indicates 450 wide? the padding, I mean?
    Or am I missing something obvious?
    The alterations I made to the OP's code displays ok in Firefox.
    Sorry to bother you, but I don't understand.

  11. OK. I again forgot to refresh before posting.
    That makes sense then.

    When I'm trying to figure out the maximum width of a theme, I've checked out what the "insert image" function allows. So that is still a logical approach? yes?

  12. I think the FAQ is slightly schizophrenic. When I've checked themes before, I've found that in some instances the width declaration and the image width in the FAQ are the same, but in other themes it is not and can be anywhere from 5 to 25px lower than the width declaration. Supposedly the image insert function takes everything into account, so it would probably be a good guide.

  13. Thank you. I think I read these forums too much, but your answers are rock solid.

  14. Thanks, but I've missed some along the way, especially when I get in a hurry and don't read the OP's post carefully enough.

  15. @Tess & tsp: the whole situation is more than slightly schizophrenic; there are cases where the "how-big" FAQ is wrong, or where the "full-size" indication in the uploader is wrong, or where both are wrong. I've checked all themes, and will soon publish a post on that.

  16. (Sorry, didn't intend to emphasize future post - just forgot to add the slash in the tag after "both"...)

  17. thanks everybody stoked on the replies!!

Topic Closed

This topic has been closed to new replies.

About this Topic