tag:blogger.com,1999:blog-20793089.post4756363081027800381..comments2023-10-05T05:26:12.321-04:00Comments on Liz Castro on HTML, XHTML, and CSS: Blogger's new post editorLiz Castrohttp://www.blogger.com/profile/14505840739441159630noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-20793089.post-33246720496117373302009-10-01T16:52:44.527-04:002009-10-01T16:52:44.527-04:00I love your blog. Thanks.I love your blog. Thanks.Atiquehttps://www.blogger.com/profile/15779201506151137662noreply@blogger.comtag:blogger.com,1999:blog-20793089.post-85886245561403057042009-09-16T21:19:52.396-04:002009-09-16T21:19:52.396-04:00Writing captions in Blogger remains a chore. It wo...Writing captions in Blogger remains a chore. It would be great if there were a field in the post picture dialogue box for a caption. The best solution I came up with was in post HTML edit mode to create a DIV block around the picture and the caption to keep the caption from being wider than the picture. I would simply cut and paste the styles from the "separator" ID'd DIV that Blogger creates around the picture and from the IMG block for the image itself into the new DIV, adding a width style property based on the width of the picture.<br /><br />I tried to come up with a stylesheet solution, with CSS classes for left and right floating images, but the editor doesn't consult the stylesheet for the compose view. That was a problem for the blog authors. <br /><br />I ended up creating DIV block code for left and right floating pictures in a text document from which the authors could copy and paste over the "separator" ID'd DIV block around the picture. The authors would have to delete the existing style properties in the IMG and DIV styles for a placed picture in the post. Messy but doable.<br /><br />However, the new post editor doesn't have the pixel width information in the IMG tag anymore. By trial and error, I found a small picture to be 200 pixels wide, medium about 300 pixels and large 400 pixels. I've added example opening DIV tags to the text document for left- and right-floating pictures of those sizes, with the appropriate bottom and left or right margin style properties for each.<br /><br />View a use of this caption method, used with the old editor, in this post: http://koreanforniancooking.blogspot.com/2009/09/asian-food-pyramid-can-asian-diet-be.htmlJeffhttps://www.blogger.com/profile/09968151974724360067noreply@blogger.com