Text next to image

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • GoWo
    New Member
    • Jan 2006
    • 7
    • 3.5.x

    Text next to image

    I have a long narrow photo I'd like to upload and then place a block of associated, descriptive text at the side of it. I seem to only be able to place text either above or below the image. That leaves a large block of unused, wasted space to the right side of the image. Is there any way of being able to post text to the side of an image please?
  • peterska2
    Senior Member
    • Oct 2003
    • 8869
    • 3.7.x

    #2
    Create a new BBCode by going to

    AdminCP > Custom BB Codes > Add New BBCode

    Complete the form as follows

    Title: Float Left
    Tag: float-left
    Replacement:<div style="float: left">{param}</div>[/b]
    Example: [float-left][img]url to an image[/img][/float-left]
    Description: Floats image to left to allow text to right of image
    Use {option}: No
    Button Image (Optional) : Can be left blank, or use an image to be shown on the editor toolbar of your own choice

    Then in your post add the float-left tag around your img tag.

    You can also create a float right by doing the same but replacing all instances of left with right

    Comment

    • GoWo
      New Member
      • Jan 2006
      • 7
      • 3.5.x

      #3
      Excellent! Thank you kindly Kerry-Anne.

      Comment

      • needaltuna
        Senior Member
        • Sep 2007
        • 104

        #4
        Thanks, Kerry-Anne, this is just the thing I was looking for.

        By the way, this BB code places the text hard against the edge of the image. Is there a way to insert a space between the image and the text?

        Comment

        • needaltuna
          Senior Member
          • Sep 2007
          • 104

          #5
          I figured it out. You simply change the code to this:

          Code:
          <div style="float: left">{param}&nbsp;</div>

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...