Blogger can be a pain with multiple images speically with text...
I've had issues with making sure that images and text don't wrap around each other when I don't want them to!...I even resorted to some botch HTML and old school tricks of repeating text and making it white. White against white...invisible magic ;-)
It's not accessible...my x-colleagues would tell me and slap my wrist. But I hadn't explored the attributes of the line break tag : 'BR' between triangular brackets...as shown in image below
Can you believe that blogger still attempts to interpret 'tags' in the compose mode!...peace be unto blogger and may it get better ;-)
The blogger Edit Html extra tag solution
The way to solve it in blogger, is that once you've got all the images as you want them in "compose mode"...and absolutely nothing else to change!!!...this is important...and I repeat, "absolutely nothing else to change...", then...
1. switch to 'Edit Html' mode (within the posting window)
2. Scroll to find your images...
[and as for some reason blogger insists on making these images clickable links for no reason, get to the end where you should find the closing hyperlink tag of each image you inserted into your post. (Again, blogger is seeing this as a tag even in compose mode!..hence the image below)]
3. Place right next to each of the "closing hyperlink tag" (nestling your image) a "BR" in triangular bracket with the attribute clear equalls all, and "all" in double quotes as shown.
4.Click the 'publish post' button and you're done ;-)
If you forgot to add something to your post...well, you're buggered and you have to repeat the process, I know, it happened to me ;-)
Links/Resources
http://www.createafreewebsite.net/html_tutorial/line_break.html
Blogger image and text wrapping Merlarkie
Posted by William Doust at 02:38 Labels: blogger, image wrapp, text wrapp, tip
blog comments powered by Disqus
Subscribe to:
Post Comments (Atom)