Wrapping Text around an image?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • RobAC
    Senior Member
    • Jan 2001
    • 1414
    • 3.8.x

    [Forum] Wrapping Text around an image?

    One of the biggest beefs I've always had with vBulletin is that it's so damn difficult to try and wrap text around an image in a post. Is there some sort of magic trick to do this?

    I have HTML enabled, I've tried aligning the image, I've tried using table code....nothing works...

    The closest I've come is using table code to align the image - which looks perfect in the editor, but then when the post is submitted, the end result is awful. There's an enormous gap between the text that spans the height of the image.
    Rob
  • Lynne
    Former vBulletin Support
    • Oct 2004
    • 26255

    #2
    When you insert the attachment, are you then clicking on the image and selecting to align it right or left?

    Click image for larger version

Name:	php3.png
Views:	2
Size:	15.1 KB
ID:	3686144
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a dui dignissim nibh gravida ullamcorper. Suspendisse potenti. Donec quis arcu at erat mattis dapibus non vitae nisl. Sed quis nisi vitae lorem dignissim aliquet quis in dui. Phasellus pretium, felis eget fermentum vehicula, magna lorem molestie quam, at ornare mauris magna sed sapien. Aenean ultricies risus non diam lacinia vitae pretium lorem mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam gravida feugiat nibh elementum viverra. Suspendisse molestie lobortis lectus at porttitor. Cras luctus fermentum arcu ac lobortis. Phasellus vel enim purus. Fusce vel dolor leo, vel semper risus.

    Click image for larger version

Name:	php1.png
Views:	2
Size:	10.3 KB
ID:	3686145Proin consectetur varius orci, vitae cursus mauris scelerisque quis. Nulla quis purus tellus. Sed sed lorem lacus. Nunc ullamcorper euismod tincidunt. Integer quam est, iaculis quis egestas id, semper et mauris. Aliquam posuere, lacus et aliquet varius, lacus massa tincidunt augue, a consequat elit mauris in nibh. Vivamus porta, nibh ut volutpat vestibulum, sem dui congue urna, sit amet dapibus mauris orci vel neque. Etiam imperdiet urna nec metus semper non porttitor orci dignissim. Nullam eget lorem vitae purus ullamcorper feugiat eget a diam. Etiam iaculis porttitor libero, consectetur blandit dolor ultrices vel.

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

    Comment

    • RobAC
      Senior Member
      • Jan 2001
      • 1414
      • 3.8.x

      #3
      Lynn,

      In the editor, when I add the attachment inline, and click on it - nothing happens. It doesn't give me the option to align it left or right. I can drag it and drop it anywhere in the post, but the text will not wrap around it like in your example above.
      Originally posted by Lynne
      When you insert the attachment, are you then clicking on the image and selecting to align it right or left?

      [ATTACH=CONFIG]56781[/ATTACH]
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a dui dignissim nibh gravida ullamcorper. Suspendisse potenti. Donec quis arcu at erat mattis dapibus non vitae nisl. Sed quis nisi vitae lorem dignissim aliquet quis in dui. Phasellus pretium, felis eget fermentum vehicula, magna lorem molestie quam, at ornare mauris magna sed sapien. Aenean ultricies risus non diam lacinia vitae pretium lorem mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam gravida feugiat nibh elementum viverra. Suspendisse molestie lobortis lectus at porttitor. Cras luctus fermentum arcu ac lobortis. Phasellus vel enim purus. Fusce vel dolor leo, vel semper risus.

      [ATTACH=CONFIG]56782[/ATTACH]Proin consectetur varius orci, vitae cursus mauris scelerisque quis. Nulla quis purus tellus. Sed sed lorem lacus. Nunc ullamcorper euismod tincidunt. Integer quam est, iaculis quis egestas id, semper et mauris. Aliquam posuere, lacus et aliquet varius, lacus massa tincidunt augue, a consequat elit mauris in nibh. Vivamus porta, nibh ut volutpat vestibulum, sem dui congue urna, sit amet dapibus mauris orci vel neque. Etiam imperdiet urna nec metus semper non porttitor orci dignissim. Nullam eget lorem vitae purus ullamcorper feugiat eget a diam. Etiam iaculis porttitor libero, consectetur blandit dolor ultrices vel.
      Rob

      Comment

      • Lynne
        Former vBulletin Support
        • Oct 2004
        • 26255

        #4
        Are you talking about attachments or just images?

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools <- awesome site for html/css help

        Comment

        • RobAC
          Senior Member
          • Jan 2001
          • 1414
          • 3.8.x

          #5
          Originally posted by Lynne
          Are you talking about attachments or just images?
          Attachments. Is there no way to align attachments? Is my only option to upload the image to my server it call it in the post that way?
          Rob

          Comment

          • nakedanvil
            Senior Member
            • Mar 2010
            • 1920
            • 4.0.0

            #6
            Originally posted by RobAC
            Attachments. Is there no way to align attachments? Is my only option to upload the image to my server it call it in the post that way?
            No. You can insert inline from your computer. Like this:

            Click image for larger version

Name:	LemonTurkey.jpg
Views:	1
Size:	42.4 KB
ID:	3686146
            Lemon turkey!

            Meatball tri-tip boudin drumstick meatloaf bresaola, tenderloin venison swine turducken. Short ribs fatback frankfurter, bacon leberkäse pancetta andouille shoulder bresaola sirloin. Short loin capicola leberkäse sausage salami. Strip steak pancetta pork, swine jerky boudin brisket meatball kielbasa andouille bacon shoulder pig. Salami ball tip shankle cow, shank ribeye frankfurter ham boudin chicken. Pancetta fatback strip steak corned beef pork chop. Boudin ground round meatloaf, shankle ham hock short loin chicken ball tip chuck salami turducken.

            Flank chuck meatloaf tri-tip, salami ham hock pork shankle turducken jowl tail pastrami leberkäse. Sausage rump meatloaf, ham frankfurter filet mignon hamburger cow tri-tip. Pork loin shankle leberkäse capicola salami, meatloaf bacon tenderloin ham hock. Bresaola shank pig, tenderloin t-bone jerky shankle andouille chuck. Pastrami sausage tongue hamburger. Cow ribeye short ribs, meatloaf strip steak meatball bacon pork chop filet mignon flank t-bone tenderloin ball tip. Tri-tip short loin andouille, swine leberkäse cow kielbasa meatball drumstick bacon sausage capicola corned beef shankle pork belly.
            Last edited by nakedanvil; Sat 10 Dec '11, 8:03pm.

            Comment

            • nakedanvil
              Senior Member
              • Mar 2010
              • 1920
              • 4.0.0

              #7
              Too bad; in the editor there is a nice margin between the picture and the text.

              Comment

              • Lynne
                Former vBulletin Support
                • Oct 2004
                • 26255

                #8
                It is only attachments that you may align. You need to be using the WYSIWYG editor and then you may double-click on the image and select to align it and select what size it should show as.

                Please don't PM or VM me for support - I only help out in the threads.
                vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                Want help modifying your vbulletin forum? Head on over to vbulletin.org
                If I post CSS and you don't know where it goes, throw it into the additional.css template.

                W3Schools <- awesome site for html/css help

                Comment

                • jonnybegood
                  New Member
                  • Jan 2012
                  • 1

                  #9
                  no. You can insert inline from your computer. Like this:
                  how? Please show me how?

                  Comment

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