Code Help, Aligning Images, Help!
-
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: (visible only to logged in users)
-
Nevermind I figured it out. Thanks so much for your time in replying. My respects to you.
-
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> -
-
hmmm
When you insert a “full-size” image, it allows 450.
???
At any rate, OP has his table and pics too wide. -
According to this, http://faq.wordpress.com/2006/09/25/how-big-can-my-images-be/ , the maximum image width is 440px.
-
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.
-
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.
-
I was confused now that I think about it. Margin will take away from the width declaration. Padding adds to it.
-
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. -
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?
-
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.
-
-
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.
-
(Sorry, didn’t intend to emphasize future post – just forgot to add the slash in the tag after “both”…)
-
- The topic ‘Code Help, Aligning Images, Help!’ is closed to new replies.
WordPress.com Forums 