5 Replies Latest reply on Jan 14, 2009 12:35 PM by Newsgroup_User

    So Simple But Cannot Do It!

    Fugasi
      I am trying to wrap some text to the right of an image and have it wrap around underneath as well. First, do I create a single cell table and put both in one cell? Two column one row table (but then the text can't wrap)? No table? I've spent hours on this and I cannot get the text to wrap properly.

      I don't know how to create a margin between the text and the image unless I pad or margin the cells, but then there's too much space at the bottom of the image. I am using my .maintext style for the text which has no padding and I can't add any or it will affect the entire site. I resorted to dropping the image into photoshop onto a layer of the same color as the site background 10px wider to give the apparency of a margin. Wrapping is still funky and I know that's a jack-around way of doing it.

      Its such a basic thing, a 245x354 px image with right text wrapping under the pic. Can someone please tell me the proper way to do this? Thanks!!!
        • 1. Re: So Simple But Cannot Do It!
          Level 7
          Fugasi wrote:
          > I am trying to wrap some text to the right of an image and have it wrap around
          > underneath as well. First, do I create a single cell table and put both in one
          > cell? Two column one row table (but then the text can't wrap)? No table? I've
          > spent hours on this and I cannot get the text to wrap properly.
          >
          > I don't know how to create a margin between the text and the image unless I
          > pad or margin the cells, but then there's too much space at the bottom of the
          > image. I am using my .maintext style for the text which has no padding and I
          > can't add any or it will affect the entire site. I resorted to dropping the
          > image into photoshop onto a layer of the same color as the site background 10px
          > wider to give the apparency of a margin. Wrapping is still funky and I know
          > that's a jack-around way of doing it.
          >
          > Its such a basic thing, a 245x354 px image with right text wrapping under the
          > pic. Can someone please tell me the proper way to do this? Thanks!!!
          >
          Why don't you simply align (or float) the image left? Add padding to the
          image to create white space.
          Mick
          • 2. Re: So Simple But Cannot Do It!
            Level 7
            You need to align the image itself

            <img src="yourimage.jpg" width="245" height="354" align="right">

            Ad padding as needed


            "Fugasi" <webforumsuser@macromedia.com> wrote in message
            news:gkjlsg$7da$1@forums.macromedia.com...
            >I am trying to wrap some text to the right of an image and have it wrap
            >around
            > underneath as well. First, do I create a single cell table and put both in
            > one
            > cell? Two column one row table (but then the text can't wrap)? No table?
            > I've
            > spent hours on this and I cannot get the text to wrap properly.
            >
            > I don't know how to create a margin between the text and the image unless
            > I
            > pad or margin the cells, but then there's too much space at the bottom of
            > the
            > image. I am using my .maintext style for the text which has no padding and
            > I
            > can't add any or it will affect the entire site. I resorted to dropping
            > the
            > image into photoshop onto a layer of the same color as the site background
            > 10px
            > wider to give the apparency of a margin. Wrapping is still funky and I
            > know
            > that's a jack-around way of doing it.
            >
            > Its such a basic thing, a 245x354 px image with right text wrapping under
            > the
            > pic. Can someone please tell me the proper way to do this? Thanks!!!
            >


            • 3. Re: So Simple But Cannot Do It!
              Fugasi Level 1
              Do I place the image and text in a single table cell?
              • 4. Re: So Simple But Cannot Do It!
                Level 7
                "GPaul" <gwpaul@ptd.net> wrote in message
                news:gkjmgk$84b$1@forums.macromedia.com...
                > You need to align the image itself
                >
                > <img src="yourimage.jpg" width="245" height="354" align="right">
                >
                > Ad padding as needed

                align has been deprecated [1]. The OP should use the float property.
                Besides, I had to deal with some legacy code recently and it turns out that
                "align" can trigger a weird bug (IE6) in a complex layout (while float
                doesn't).


                [1] http://www.w3.org/TR/html401/present/graphics.html#adef-align



                --
                Thierry | Adobe Community Expert | Articles and Tutorials ::
                http://www.TJKDesign.com/go/?0

                Spry Widgets | http://labs.adobe.com/technologies/spry/samples/ [click on
                "Widgets"]
                Spry Menu Bar samples |
                http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
                --

                • 5. Re: So Simple But Cannot Do It!
                  Level 7
                  CSS - Floated pictures with captions
                  http://alt-web.com/CSS2-Captions-on-floated-images.html


                  --
                  Nancy O.
                  Alt-Web Design & Publishing
                  www.alt-web.com