Bloggers' Paradise Forum Index Bloggers' Paradise
The forum for personal bloggers to get help and share knowledge on all aspects of blogging.
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   Join! (free) Join! (free)
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Announcements
Bloggers' Paradise Closing Down
July's Theme is Independence
June's Theme is Favourite Recipe
May's Theme is Childhood Sweets
April's theme is Three Wishes
Blog-a-long for March - My Best Holiday Ever!
Congratulations to Ruthjen!
PLEASE UPDATE ANY LINKS YOU HAVE TO THE OLD FORUM!
The idea of the Blogalong
Sticky Articles
The Button
Important Links
Blog-a-long
Welcome Pack
Latest Posts
Sweet HTML Morsels Progress Bars
Adding images to blogger
Bloggers' Paradise Closing Down
adding a new item to sidebar
got a bit of a problem...
Hi from Cinders
Displaying a button link
July's Theme is Independence
June's Theme is Favourite Recipe
can't find the right bit in my template...

Help needed!

 
Post new topic   Reply to topic    Bloggers' Paradise Forum Index -> Pictures on your Blog
View previous topic :: View next topic  
Author Message
Jo028



Joined: 20 Feb 2007
Posts: 7


Location: West Mids, UK.

PostPosted: Wed Feb 28, 2007 9:26 am    Post subject: Help needed! Reply with quote

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! Embarassed


Back to top
View user's profile Send private message Visit poster's website
Auntie Noo



Joined: 04 Feb 2007
Posts: 13


Location: Guildford

PostPosted: Wed Feb 28, 2007 1:03 pm    Post subject: Reply with quote

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
View user's profile Send private message Visit poster's website
jacquie
Site Admin


Joined: 31 Jan 2007
Posts: 102


Location: Salt Lake City, Utah, USA

PostPosted: Wed Feb 28, 2007 7:09 pm    Post subject: Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website
Jo028



Joined: 20 Feb 2007
Posts: 7


Location: West Mids, UK.

PostPosted: Sat Mar 03, 2007 3:20 pm    Post subject: Reply with quote

Great, it worked, thanks for replying both!


Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Bloggers' Paradise Forum Index -> Pictures on your Blog All times are GMT
Page 1 of 1
  

Jump to:  
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

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Create your own free forum | Buy a domain to use with your forum
Kamala|Debt Consolidation|Credit Reports|Loans|Credit Card Application