6 Replies Latest reply on May 29, 2010 2:10 PM by RayTaylor1

    Tables

    RayTaylor1

      I am taking a web design class online and I am working on an assignment and got stuck.  I am trying to import two pictures on the left on my web page with text on the right side.  My first thought was to import a table with 1 column and two rows and I am imported the pictures on the left each in a separate row, but when I tried to import the text it did not go so well and so now I am looking for other options.  I hope this makes sense.  Thanks in advance for any help.

        • 1. Re: Tables
          Ben M Adobe Community Professional

          Everything makes sense except for the importing of text.  What exactly are you trying to do and what did not go so well?

          • 2. Re: Tables
            RayTaylor1 Level 1

            I am trying to import text which is about three paragraphs and the text would not stay on the right side.  It actually went in b/w the the two pictures on the left if that makes sense.

             

            I wanted to have two pictures on the left which are of two people head shots and information about the company on the right side in text form.

            • 3. Re: Tables
              Ben M Adobe Community Professional

              I think it's starting to make more sense now.  I'm still a little confused about you saying import, but the more I am reading into this it sounds like you copy and pasted the text from another program and you are expecting it to retain formatting and it is not.

               

              First be careful where your cursor is because it should not be entering text between the pictures.  If that is the case something is missing from the code and without seeing the code my guess would be the rowspan attribute is missing from your column on the right.  Your table code should look something like:

               

              <table width="100%" border="0">
                <tr>
                  <td><img name="img1" src="" width="32" height="32" alt="img1"></td>
                  <td rowspan="2"><p>company text paragraph goes here for some reason. </p>
                    <p>here is another paragraph.</p>
                    <p>And a third for good luck.</p></td>
                </tr>
                <tr>
                  <td><img name="img2" src="" width="32" height="32" alt="img2"></td>
                </tr>
              </table>
              

               

              The img references are blank and your code may be slightly different due to document encoding.  Currently mine is HTML5 because I've been playing around with that on some test pages for a site I have. 

               

              Just out of curiosity, is your professor teaching you the HTML and CSS or are they just throwing you into design view?  If they are not teaching you the code I would highly recommend taking a quick look through the following website: http://www.w3schools.com/ .  They have a bunch of tutorials that can help you out so you can work in a split view and if something isn't working you can look at the code a little.  Also if you run into display issues with your site, such as the copying error you described earlier, you can run your code through the following website: http://validator.w3.org/ .  That will validate your code and let you know if there are any errors in the code, for instance, a tag could be missing causing that line to appear between the 2 images.

              • 4. Re: Tables
                Ben M Adobe Community Professional

                Almost forgot the text-align right.  After I have the text rowspan="2" add:

                 

                style="text-align:right;"

                 

                That will make your paragraph text align to the right.

                • 5. Re: Tables
                  WebJunkie1996

                  I was facing this same issue, but used several blank table rows to make my content standout better. I did not import a text file. I copied the text (ctrl+c) and I pasted (ctrl+v) into the other side of the table. I adjusted my image size to allow for my written content to be in block form. Then saved the file, it looks really good.

                   

                  Hope this helps.

                  1 person found this helpful
                  • 6. Re: Tables
                    RayTaylor1 Level 1

                    Thanks and thank you for telling me about the sites.  We are working in design view in our class.  Trying to learn web design online is very difficult.  Thank you for your suggestions.  It never dawned on me that my cursor could be in the wrong place.  I will try again.

                     

                    Thanks,

                     

                    Erica