Created •
How do you arrange your images vertically or horizontally? (part1)
Once you have worked out how to use the photoblog facility to capture more than one image into your blog comments, you might wonder how you can arrange the images better. Perhaps you want them arranged vertically? Or just want a space in between each image?
The spacing thing first:
When you copy and paste the code from one photoblog and add it to the next, you just join the two bits of code together. It should look like this:
<a href="http://help.group.stumbleupon.com/forum/3471"><img border=0 width=57 height=57 src="http://www.stumbleupon.com/images/smalllogo.gif"></a>|<a href="http://help.group.stumbleupon.com/forum/3471"><img border=0 width=57 height=57 src="http://www.stumbleupon.com/images/smalllogo.gif"></a>
Note that the red line is added here to show you where the "join" is.
If you want to put s o m e s p a c e in between your images (whether spaced vertically or horizontally) this is the magic bit of code you need:
Simply insert this code - or multiple occurrences of it - where you want some space between images, like this:
<a href="http://help.group.stumbleupon.com/forum/3471"><img border=0 width=57 height=57 src="http://www.stumbleupon.com/images/smalllogo.gif"></a> <a href="http://help.group.stumbleupon.com/forum/3471"><img border=0 width=57 height=57 src="http://www.stumbleupon.com/images/smalllogo.gif"></a>
Here's what you get:
Try it, doesn't work? delete it!
