8 Replies Latest reply on Feb 9, 2009 8:11 AM by bregent

    Wrapping Text Query - DW 8

    Fugasi
      I posted this problem a few days ago. I didn't get any answers that I could use. If any of you could be so kind as to answer these questions:

      In getting text to wrap, do I create a table and put the image in one cell and the text in another, or do the image and text go in the same cell?

      Do I not use tables at all?

      I have been advised heavily not to use layers, so I've gotten rid of all layers on the site I am creating. Do I need these for any reason to solve this problem?

      One person told me to align the image, but I need the answer about tables as above first. I know how to align an image but how does that affect the text wrapping?

      I know this is simple but there's something I'm missing here, any help out there?

      My original post is pasted here:

      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: Wrapping Text Query - DW 8
          Level 7
          Fugasi wrote:
          > I posted this problem a few days ago. I didn't get any answers that I could
          > use. If any of you could be so kind as to answer these questions:
          >
          > In getting text to wrap, do I create a table and put the image in one cell and
          > the text in another, or do the image and text go in the same cell?
          >
          > Do I not use tables at all?

          Put your image and text inside of a td cell if you're using tables then
          float the image left by using some css

          <td><img src="anImage.jpg" width="100" height="100" /><p>Some text Some
          text Some text Some text Some text Some text Some text Some text Some
          text Some text Some text Some text Some text Some text Some text Some
          text Some text Some text</p></td>


          css below......put in head of page directly before the closing </head>
          tag or if you have a linked style sheet put it in that but minus the
          <style></style> tags.

          <style type="text/css">
          img {
          float: left;
          margin: 0 10px 10px 0;
          }
          </style>

          Control the space between the image and the text by using margin - top,
          right, bottom, left, represented by the 0 10px 10px 0 above.



          • 2. Re: Wrapping Text Query - DW 8
            Fugasi Level 1
            >Put your image and text inside of a td cell if you're using tables then
            >float the image left by using some css

            ><td><img src="anImage.jpg" width="100" height="100" /><p>Some text Some
            >text Some text Some text Some text Some text Some text Some text Some
            >text Some text Some text Some text Some text Some text Some text Some
            >text Some text Some text</p></td>


            >css below......put in head of page directly before the closing </head>
            >tag or if you have a linked style sheet put it in that but minus the
            ><style></style> tags.

            In your reply you advise I use some CSS, I assume you mean create a new CSS rule?

            You gave me some code and advised me where to place it. How does that relate to creating a new CSS rule? There's no code placing when one creates a new CSS rule (although I understand code is created by DW).

            I'm confused, can you please clarify these points?

            Thanks
            • 3. Re: Wrapping Text Query - DW 8
              Level 7
              This is a clear example of why so many here advise over and over, "Learn
              HTML & CSS".

              > You gave me some code and advised me where to place it. How does that
              > relate
              > to creating a new CSS rule?
              What Osgood gave you IS the new CSS rule all wrapped up and ready to insert
              in the <head></head> section of your page.
              The actual CSS rule is:
              img {
              float: left;
              margin: 0 10px 10px 0;
              }

              This is what wraps the CSS code to make it useable in the Head section:
              <style type="text/css">
              .
              .
              .
              </style>

              All of this is very basic HTML/CSS code stuff, hence the long-term need to
              understand it. Otherwise you will hit similar brick walls every few minutes.

              --

              Walt


              "Fugasi" <webforumsuser@macromedia.com> wrote in message
              news:gkle2s$l86$1@forums.macromedia.com...
              > >Put your image and text inside of a td cell if you're using tables then
              > >float the image left by using some css
              >
              > ><td><img src="anImage.jpg" width="100" height="100" /><p>Some text Some
              > >text Some text Some text Some text Some text Some text Some text Some
              > >text Some text Some text Some text Some text Some text Some text Some
              > >text Some text Some text</p></td>
              >
              >
              > >css below......put in head of page directly before the closing </head>
              > >tag or if you have a linked style sheet put it in that but minus the
              > ><style></style> tags.
              >
              > In your reply you advise I use some CSS, I assume you mean create a new
              > CSS
              > rule?
              >
              > You gave me some code and advised me where to place it. How does that
              > relate
              > to creating a new CSS rule? There's no code placing when one creates a new
              > CSS
              > rule (although I understand code is created by DW).
              >
              > I'm confused, can you please clarify these points?
              >
              > Thanks
              >


              • 4. Re: Wrapping Text Query - DW 8
                Fugasi Level 1
                Walt -

                <This is a clear example of why so many here advise over and over, "Learn
                <HTML & CSS".

                Understood. This is why I signed up as a subscriber to lynda.com. I'm totally on my own here and did not have a sense of what I needed to learn in what sequence until I got in over my head. I am almost finished with the lynda.com DW8 Essentials tutorial, and taking very thorough, very organized cross-referenced notes. I'm on page 88 of my notes now and expect to be topping off at about 110 pages. Even with all that information there are still issues that have come up which are not addressed in the tutorial.

                I didn't think I needed to learn HTML since DW has been touted as "it writes the code for you as you design". I see that is a bit of a fallacy.

                After "DW8 Essentials" I was going to do the "Fireworks" tutorial as I'm a Photoshop guy and don't know Fireworks. But I think an HTML tutorial follow up by CSS is more important. After I'm proficient in DW and all the relevant topics, I'm going to try and learn Flash.

                I am very serious about all this, I'm actually making a major career change here and starting a new business, I already have a web client who has paid me which is why I'm looking for short term solutions to things as I ride the long learning curve.

                I'm not a dilettante, not a part-timer, not a hobbyist, I'm dead serious about becoming a pro at this, just need a little advice now and again. Between learning and building I'm doing this 6 to 10 hours every day. Comments or suggestions are very welcome.
                • 5. Re: Wrapping Text Query - DW 8
                  Level 7
                  Fugasi wrote:

                  Comments or
                  > suggestions are very welcome.

                  I think you're biting off more than you can chew at the moment to be
                  honest, especially taking on commissions whilst still at a very basic level.

                  It's a painful and slow process to learn html and css to the point where
                  you will be confident what you produce will work cross-browsers and if
                  it doesn't you have some idea why.

                  Having said that once you do have a thorough understanding it becomes a
                  breeze.

                  Hers are a few tutorials that you might want to look at:

                  http://css.maxdesign.com.au/floatutorial/

                  The guy who produced these is a very hands-on commercial designer and
                  when I last looked produced sensible understandable, no-nonsense code.

                  • 6. Re: Wrapping Text Query - DW 8
                    Level 7
                    > I didn't think I needed to learn HTML since DW has been touted as "it
                    > writes
                    > the code for you as you design". I see that is a bit of a fallacy.

                    It is just marketing hype, and while it is true that DW writes the code for
                    you, you would still have to KNOW how to tell DW to write the code properly.
                    Focus on learning the technology, not the tool.

                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    ==================


                    "Fugasi" <webforumsuser@macromedia.com> wrote in message
                    news:gklkfn$2s$1@forums.macromedia.com...
                    > Walt -
                    >
                    > <This is a clear example of why so many here advise over and over, "Learn
                    > <HTML & CSS".
                    >
                    > Understood. This is why I signed up as a subscriber to lynda.com. I'm
                    > totally
                    > on my own here and did not have a sense of what I needed to learn in what
                    > sequence until I got in over my head. I am almost finished with the
                    > lynda.com
                    > DW8 Essentials tutorial, and taking very thorough, very organized
                    > cross-referenced notes. I'm on page 88 of my notes now and expect to be
                    > topping
                    > off at about 110 pages. Even with all that information there are still
                    > issues
                    > that have come up which are not addressed in the tutorial.
                    >
                    > I didn't think I needed to learn HTML since DW has been touted as "it
                    > writes
                    > the code for you as you design". I see that is a bit of a fallacy.
                    >
                    > After "DW8 Essentials" I was going to do the "Fireworks" tutorial as I'm a
                    > Photoshop guy and don't know Fireworks. But I think an HTML tutorial
                    > follow up
                    > by CSS is more important. After I'm proficient in DW and all the relevant
                    > topics, I'm going to try and learn Flash.
                    >
                    > I am very serious about all this, I'm actually making a major career
                    > change
                    > here and starting a new business, I already have a web client who has paid
                    > me
                    > which is why I'm looking for short term solutions to things as I ride the
                    > long
                    > learning curve.
                    >
                    > I'm not a dilettante, not a part-timer, not a hobbyist, I'm dead serious
                    > about
                    > becoming a pro at this, just need a little advice now and again. Between
                    > learning and building I'm doing this 6 to 10 hours every day. Comments or
                    > suggestions are very welcome.
                    >
                    >

                    • 7. Re: Wrapping Text Query - DW 8
                      Level 7
                      Murray *ACE* wrote:
                      >> I didn't think I needed to learn HTML since DW has been touted as "it
                      >> writes
                      >> the code for you as you design". I see that is a bit of a fallacy.
                      >
                      > It is just marketing hype, and while it is true that DW writes the code
                      > for you, you would still have to KNOW how to tell DW to write the code
                      > properly. Focus on learning the technology, not the tool.
                      >

                      While DW writes the code for you. Take your time to learn the new
                      technology that might be daunting for you. If you're not earned a living
                      with the technology, I would suggest that just stick with the tool. But
                      in the end the choice is yours solely. :)




                      --
                      Burman - AKA dreamworms
                      Web Design Tutorial: http://www.burmanweb.com
                      • 8. Re: Wrapping Text Query - DW 8
                        bregent Most Valuable Participant
                        >I am almost finished with the lynda.com DW8 Essentials tutorial, and taking
                        >very thorough, very organized cross-referenced notes. I

                        As has already been mentioned to you many times, this is the WRONG place to start. Forget DW and start by learning html and css, otherwise you won't really understand what you are doing in the DW tutorials. You may learn HOW to do something, but you won't understand WHY. Seriously, if you spend 8 hours running through html and css tutorials at http://www.w3schools.com/ all of the questions you've asked and received replies to would make sense. I also like the beginner tutorials at http://www.tizag.com/cssT/index.php.