Archive for Bloggers' Paradise The forum for personal bloggers to get help and share knowledge on all aspects of blogging.
|
Jo028
|
Help needed!I can manage to get a picture to go with my comments, but I'd like to be able to put it under my comments. Also, how do I add a second picture, also under the comments. Every time I try, it just pust 2 pictures side-by-side. Can someone tell me where I'm going wrong please? Todays Regia post, is typical of the mess I get into, I can't get the second picture in the right place, so I've left it for now! 
|
Auntie Noo
|
To get the photo under the comments, I find it easiest to load the photo as per usual, then where you are looking at compose mode there should be a tab up top of the box you're writing in for "edit html" - when you go in there it's really obvious which bit is the photo 'cos it's all gobbledeygook!! - Cut and paste the whole section (it should be between an <a and a </a> to where you want it. Jacquie might have a better way, but that works for me!
To add a second picture, and put it where you want I would do the same thing, move the html section to where you want it - and put a couple of returns in between them. You can then go back to the compose mode and click once on the photo and align it left/centre/right with the buttons on the top.
Hope that helps a bit, I'm sure Jacquie will have far better explanations, but this might get you out of a hole in the meantime!
|
jacquie
|
I have done some posts about placing pictures here http://jacquie-htmltester.blogspot.com/
Read from bottom to top starting with the posts with the pictures of the quilted star.
These are just some ideas. The trouble is your template can also influence where your pictures end up, so it's hard to make hard and fast rules.
This is the code I used to make the grid.
| Code: | <table><tbody><tr><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td></tr>
<tr><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td></tr>
</tbody></table> |
And this is the single column with a caption on the right hand side:
| Code: |
<table><tbody><tr><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td><td>Caption 1</td></tr>
<tr><td>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s1600-h/IMG_1605.JPG"><img style="cursor: pointer; width: 118px; height: 88px;" src="http://bp1.blogger.com/_MduoXOoB1Pw/ReXKn9GPYlI/AAAAAAAAACk/UsvVtGo_d-E/s200/IMG_1605.JPG" alt="" id="BLOGGER_PHOTO_ID_5036654546048213586" border="0" /></a>
</td><td>Caption 2</td></tr>
</tbody></table>
|
The whole thing is contained in <table><tbody></tbody></table> tags.
Each row has a <tr></tr> tag pair around it and each box in the row has a <td></td> tag pair round it - whether the contents are a <a> ...</a> picture tag or just caption text.
|
Jo028
|
Great, it worked, thanks for replying both!
|
|
|
|