WordPress.com

1. adamhphoto
   Member
   Jun 27, 2009, 10:21 PM

   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. thomasrstegelmann
   Member
   Jun 27, 2009, 10:40 PM

   Quick solution - Use a gallery

   http://en.forums.wordpress.com/topic/insert-gallery-in-post
   http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/
   http://weblog.thomasrstegelmann.com/2009/06/27/using-the-gallery-shortcode-on-wordpress/

3. adamhphoto
   Member
   Jun 27, 2009, 10:59 PM

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

4. 1tess
   Moderator
   Jun 28, 2009, 4:08 AM

   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>

5. thesacredpath
   Member
   Jun 28, 2009, 4:11 AM

   Total width in the contempt post area is 440px.

6. 1tess
   Moderator
   Jun 28, 2009, 4:13 AM

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

7. thesacredpath
   Member
   Jun 28, 2009, 4:15 AM

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

8. thesacredpath
   Member
   Jun 28, 2009, 4:18 AM

   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.

9. thesacredpath
   Member
   Jun 28, 2009, 4:25 AM

   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.

10. thesacredpath
    Member
    Jun 28, 2009, 4:26 AM

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

11. 1tess
    Moderator
    Jun 28, 2009, 4:31 AM

    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.

12. 1tess
    Moderator
    Jun 28, 2009, 4:36 AM

    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?

13. thesacredpath
    Member
    Jun 28, 2009, 4:40 AM

    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.

14. 1tess
    Moderator
    Jun 28, 2009, 4:48 AM

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

15. thesacredpath
    Member
    Jun 28, 2009, 4:57 AM

    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.

16. panaghiotisadam
    Member
    Jun 28, 2009, 10:02 AM

    @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.

17. panaghiotisadam
    Member
    Jun 28, 2009, 10:05 AM

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

18. adamhphoto
    Member
    Jun 28, 2009, 12:41 PM

    thanks everybody stoked on the replies!!

Topic Closed

This topic has been closed to new replies.