We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 6595
    • 20 Posts
    do u no the code to wrap the text around in line with the iamge?
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      What exactly do you mean "wrap the text around in line with the image"? Do you mean specifically position the image within the text as you can in Word? In an HTML document you are limited by the css attributes you can give images.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 6595
        • 20 Posts
        http://www.customerminds.com/Site3/news.html

        I want the text to be up alongside the image, not starting at the end as you can see in this link.
          • 5091
          • 332 Posts
          Quote from: Darragh23 at Jan 23, 2008, 04:19 AM

          http://www.customerminds.com/Site3/news.html

          I want the text to be up alongside the image, not starting at the end as you can see in this link.

          add float to your image class. I see you already declared a ’floater’ class in the image, but I didn’t see this in your CSS. You can add something like so:

          .floater {float: left;margin:0 10px 5px 0}

          note that because your image high is taller than your content, you will see the that the second listing is pushed to the right.  What you really should do is add a new element in your css like so:

          #page p {padding-bottom: 30px}.

          Try getting rid of the
          , always use paddings or margins for vertical spacing.
            • 6595
            • 20 Posts
            cheers every1 got it sorted eventually
              • 36592
              • 970 Posts

              note that because your image high is taller than your content, you will see the that the second listing is pushed to the right. What you really should do is add a new element in your css like so:

              #page p {padding-bottom: 30px}.

              I think you changed your image size to fit, but same problem happens when the text length is much shorter.
              Why don’t you add ’<div style="clear: both; height: 0px;"/>’ to reset the word wrap as you did in sidebar section ?
                • 5091
                • 332 Posts
                By the way, I forgot to mention, you page is falling apart in my Safari 3. The right column is dropping to the bottom on the left, outside the wrapper.

                if you fix all your validation errors, the problem is Safari might just goes away.