close

Subscriptions

  • None
mr-helpful

Last seen: 3 weeks ago

helpful is a 99 year old person from England, UK

Is there something about Stumble blogs you'd like help with - or think others would like to know? I can't fix bugs, broken toolbars, marriage problems - those you need to take to the Help & Bugs forums!
More superb help facilities here, and here *** Please note that I am not here very often and probably can't answer individual questions, but if I see the same question being asked a lot, I may create a new entry to cover it. ***

  • Created Apr 19 2006 •

    Can I sandwich text in between images?

    SU currently allows for the use of only a limited amount of code within your posts. This can make it a little challenging to lay out the images and text exactly how you want, but quite a lot is possible within the constraints.

    You can position text in between two images, either vertically, like this:


    This text is centred and sandwiched!


    or with text and images arranged horizontally, like this:

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in Lorem ipsum dolor sit amet, consectetuer adipiscing elit

    Note that, in both cases, there isn't a great deal of scope left over for doing any fancy padding with your text, but perhaps someone will experiment and come up with some nice tips on that front :o) Note also that the maximum total width of your images mus not exceed 715 pixels, and you will need some space left between them for the text!

    The code for the vertical example:

      <font size="2"><center><img src="http://www.stumbleupon.com/images/theme0in.png" />
      <font color="red">This text is centred and sandwiched!</font>
      <img src="http://www.stumbleupon.com/images/theme0in.png" /></center>

      (note that the code for each image and the text starts on a new line)

    and the horizontal example:

      <font size="2"><img src="http://www.stumbleupon.com/images/theme0in.png" align="left" /><img src="http://www.stumbleupon.com/images/theme0in.png" align="right" /><font size=3 color=red>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet .....</font>

      (note here that the code is *not* on separate lines, but all in one block)

    Don't be afraid to play with different combinations of the align=left/right and center tags, and with different layouts. If it doesn't look good, simply delete it. And if you come up with something that looks good and is simple to use, then please share it!