6 Replies Latest reply: Jan 5, 2011 8:00 AM by MurraySummers RSS

    Cell Alignment

    GESYMSB Community Member

      Hello folks, does anyone knows why and how to fix

      a this problem ?

       

      On Dreamweaver CS4, my text shows on the bottom left, but when

      I display the page on IE8, the text shows on the top left on the cell.

       

      Thanks

       

      CELL.jpg

        • 1. Re: Cell Alignment
          MurraySummers CommunityMVP

          There are too many possibilities for us to answer this kind of question based on an image.  Can we see the page's code, please?

          • 2. Re: Cell Alignment
            osgood_ CommunityMVP

            Looks like you could be using a table for layout?

             

            if so click onto the <td> cell that the text is in, go to the 'properties inspector'>Windows>Properties and choose Vert: bottom

             

            If that's not the case then, as Murray says, we need to see your code.

            • 3. Re: Cell Alignment
              GESYMSB Community Member

              For what I see ( align="left" valign="bottom ) it should display as bottom line to the left of the cell.

              However that's not the case with Internet Explorer 8 as you can see on the pict.

              Here is the code:

               

              <body bgcolor="#424242" text="#FFFFFF" onload="fillScreen();" >
              <table width="975" border="0" align="left" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="640" align="left" valign="bottom"><img src="../GEPICS/GEM01.JPG" width="596" height="50" /></td>
                  <td width="3460" align="left" valign="bottom"><p class="TEXT"><strong> You may Drag the Map<br />
                     with the Left Mouse Button</strong></p></td>
                </tr>
                <tr>
                  <td colspan="2" align="left" valign="bottom"><img src="../GEPICS/GEM02.jpg" width="950" height="6" /></td>
                </tr>
                <tr>
                  <td colspan="2" align="left" valign="bottom"><div class="pancontainer" data-orient="center" style="width:948px; height:600px;"> <img src="LOCMAP.jpg" style="width:4096px; height:3072px" /></div></td>
                </tr>
                <tr>
                  <td colspan="2" align="left" valign="bottom"> </td>
                </tr>
                <tr>
                  <td colspan="2" align="left" valign="bottom"> </td>
                </tr>
                <tr>
                  <td colspan="2" align="left" valign="bottom"> </td>
                </tr>
              </table>
              </body>

              • 4. Re: Cell Alignment
                MurraySummers CommunityMVP

                Change this -

                 

                <td width="3460" align="left" valign="bottom"><p class="TEXT"><strong> You may Drag the Map<br />
                       with the Left Mouse Button</strong></p></td>

                 

                to this -

                 

                <td width="3460" align="left" valign="bottom" class="TEXT"><strong>You may Drag the Map<br />
                       with the Left Mouse Button</strong></td>

                • 5. Re: Cell Alignment
                  GESYMSB Community Member

                  Auch Murray, do I have to say thanks again ?

                   

                  Well ok, 1000000 of thanks, you did it again !

                   

                  BTW Why did /p, any ideas? I dint type that, DW did it, I only entered the text.

                  • 6. Re: Cell Alignment
                    MurraySummers CommunityMVP

                    BTW Why did /p, any ideas? I dint type that, DW did it, I only entered the text.

                     

                    You did enter it you just didn't realize it.  When you pressed enter after entering the text, the content was wrapped in a paragraph.  This is a very common and excellent example of why you need to learn some HTML to use DW as something more than a hobby.  It's also an excellent example of why we always need to see code for layout problems, no matter how eloquent your description - after all, if you don't know HTML, how can you possibly include all the relevant details in your narrative?

                     

                    What you were seeing in that cell was the <p> tag's default bottom margin lifting the content off the bottom of the cell.