|
|
| View previous topic :: View next topic |
| Author |
Message |
Jo028
Joined: 20 Feb 2007 Posts: 7
Location: West Mids, UK.
|
Posted: Wed Feb 28, 2007 9:26 am Post subject: 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! 
|
|
| Back to top |
|
 |
Auntie Noo

Joined: 04 Feb 2007 Posts: 13
Location: Guildford
|
Posted: Wed Feb 28, 2007 1:03 pm Post subject: |
|
|
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! |
|
| Back to top |
|
 |
jacquie Site Admin
Joined: 31 Jan 2007 Posts: 102
Location: Salt Lake City, Utah, USA
|
Posted: Wed Feb 28, 2007 7:09 pm Post subject: |
|
|
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. _________________ Jacquie
Jacquie's Journal
Crafty Threads 'n' Yarns |
|
| Back to top |
|
 |
Jo028
Joined: 20 Feb 2007 Posts: 7
Location: West Mids, UK.
|
Posted: Sat Mar 03, 2007 3:20 pm Post subject: |
|
|
Great, it worked, thanks for replying both!
|
|
| Back to top |
|
 |
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
|