12 Replies Latest reply on Aug 8, 2007 10:30 AM by Newsgroup_User

    Layout Mode

    LoobieLouLou
      Hi
      I have created my site in dreamweaver, but it is not appearing in the browser as it should.
      I have two tables that need to be lined up with each other in the centre. Although, when I create it in layout mode it appears correctly but then when I preview the site in browser the tables are off to the left.
      Any ideas of how to fix it?
      Thanks Lou
        • 1. Re: Layout Mode
          Level 7
          On Wed, 8 Aug 2007 09:29:37 +0000 (UTC), "LoobieLouLou"
          <webforumsuser@macromedia.com> wrote:

          >Hi
          > I have created my site in dreamweaver, but it is not appearing in the browser
          >as it should.
          > I have two tables that need to be lined up with each other in the centre.
          >Although, when I create it in layout mode it appears correctly but then when I
          >preview the site in browser the tables are off to the left.
          > Any ideas of how to fix it?
          > Thanks Lou

          we need to see the code to see what is wrong
          --

          ~Malcolm N....
          ~
          • 2. Re: Layout Mode
            LoobieLouLou Level 1
            Thanks for helping, I have used the following code:-
            Thanks
            • 3. Re: Layout Mode
              Level 7
              Did you not see the answer I gave you yesterday?

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.dreamweavermx-templates.com - Template Triage!
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              ==================


              "LoobieLouLou" <webforumsuser@macromedia.com> wrote in message
              news:f9c51r$62g$1@forums.macromedia.com...
              > Thanks for helping, I have used the following code:-
              > Thanks
              >
              > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
              > " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              > <html xmlns=" http://www.w3.org/1999/xhtml">
              > <head>
              > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              > <title>Untitled Document</title>
              > <style type="text/css">
              > <!--
              > #Layer1 {
              > position:absolute;
              > width:151px;
              > height:385px;
              > z-index:1;
              > left: 39px;
              > top: 146px;
              > }
              > #Layer2 {
              > position:absolute;
              > width:341px;
              > height:385px;
              > z-index:2;
              > left: 202px;
              > top: 146px;
              > }
              > .style3 {font-family: Tahoma;
              > font-size: 14px;
              > font-weight: bold;
              > }
              > .style4 {font-family: Tahoma;
              > font-size: 14px;
              > }
              > #Layer3 {
              > position:absolute;
              > width:175;
              > height:120;
              > z-index:3;
              > left: 556px;
              > top: 146px;
              > }
              > #Layer4 {
              > position:absolute;
              > width:175;
              > height:120;
              > z-index:4;
              > left: 555px;
              > top: 279px;
              > }
              > #Layer5 {
              > position:absolute;
              > width:175;
              > height:120;
              > z-index:5;
              > left: 556px;
              > top: 413px;
              > }
              > -->
              > </style>
              > </head>
              >
              > <body>
              > <p><br />
              > <br />
              > <br />
              > <br />
              > </p>
              > <table width="728"" height="417" border="1" align="center"
              > cellpadding="10"
              > cellspacing="0" bordercolor="#000000" id="Content" style="border: 1px
              > solid
              > black; </table>
              > <!--DWLayoutTable-->
              >
              > <tr>
              > <td width="10>
              > <!--DWLayoutTable-->
              > <tr>
              > <td width="704" height="415"><div id="Layer2"><span
              > class="style3">Welcome
              > to Belladonna</span>
              > <p><span class="style4">Established in 1948 by the renowned
              > businessman,
              > Alec Holt. Belladonna is a family owned, third generation, independent
              > shoe
              > business.<br />
              > We offer a personal service from the very moment you enter our
              > shop to
              > when you leave.</span></p>
              > </div>
              > <div id="Layer3"><img src="Images/shop.jpg" width="175" height="120"
              > /></div>
              > <div id="Layer4"><img src="Images/insideshop.jpg" width="175"
              > height="120"
              > /></div>
              > <div id="Layer5"><img src="Images/shoe.jpg" width="175" height="120"
              > /></div>
              > </table>
              > <div id="Layer1"><img src="Images/BelladonaLogo.png" alt="Belladonna"
              > width="151" height="385" /></div>
              > </body>
              > </html>
              >


              • 4. Re: Layout Mode
                Level 7
                On Wed, 8 Aug 2007 10:14:19 +0000 (UTC), "LoobieLouLou"
                <webforumsuser@macromedia.com> wrote:

                >Thanks for helping, I have used the following code:-
                > Thanks
                >


                Many things wrong - the table code is all wrong - do you know how
                table html code should look ?


                your using absolute layers - just increase the size of the text and
                see the layout break even more - if you only use IE 6 you may not see
                this - you need to test with another browser such as Firefox,



                --

                ~Malcolm N....
                ~
                • 5. Re: Layout Mode
                  Level 7
                  Already answered the same post in this thread yesterday, Malcolm.

                  --
                  Murray --- ICQ 71997575
                  Adobe Community Expert
                  (If you *MUST* email me, don't LAUGH when you do so!)
                  ==================
                  http://www.dreamweavermx-templates.com - Template Triage!
                  http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                  ==================


                  "Malcolm N_" <malcom@mgnixon.org.uk> wrote in message
                  news:p7ajb3hav6i2uljr0kn5439i86iqrnni7m@4ax.com...
                  > On Wed, 8 Aug 2007 10:14:19 +0000 (UTC), "LoobieLouLou"
                  > <webforumsuser@macromedia.com> wrote:
                  >
                  >>Thanks for helping, I have used the following code:-
                  >> Thanks
                  >>
                  >
                  >
                  > Many things wrong - the table code is all wrong - do you know how
                  > table html code should look ?
                  >
                  >
                  > your using absolute layers - just increase the size of the text and
                  > see the layout break even more - if you only use IE 6 you may not see
                  > this - you need to test with another browser such as Firefox,
                  >
                  >
                  >
                  > --
                  >
                  > ~Malcolm N....
                  > ~


                  • 6. Re: Layout Mode
                    Level 7
                    On Wed, 8 Aug 2007 07:48:18 -0400, "Murray *ACE*"
                    <forums@HAHAgreat-web-sights.com> wrote:

                    >Already answered the same post in this thread yesterday, Malcolm.


                    Not sure what went wrong there - I didn't get that - sorry

                    --

                    ~Malcolm N....
                    ~
                    • 7. Re: Layout Mode
                      LoobieLouLou Level 1
                      No Im sorry, the only message I recieved yesterday from you was to see the code.
                      Do you know how to fix this?
                      Thanks Lou
                      • 8. Re: Layout Mode
                        LoobieLouLou Level 1
                        I am not absolutely sure how the table html code should look, please could you show me?
                        I have also tried creating the page using layer table and cells (code is below). Is this any better than using layers?
                        Thanks for all your help, Lou
                        • 9. Re: Layout Mode
                          Level 7
                          On Wed, 8 Aug 2007 12:07:34 +0000 (UTC), "LoobieLouLou"
                          <webforumsuser@macromedia.com> wrote:

                          >I am not absolutely sure how the table html code should look, please could you
                          >show me?

                          in a new file - create a new table and then look at the code

                          it starts with a <table>
                          then a <tr> to start the row
                          then <td> or <th> to start a cell - each <td> needs a balancing </td>
                          to close it

                          to end a row it uses a </tr>

                          look at your code and you will see missing </td> and </tr>

                          and the first table has no content i.e a <table> immediately followed
                          by a </table> with no rows or cells

                          Just using Dw to produce a site without undertstanding html and css is
                          not a recipe for success.




                          --

                          ~Malcolm N....
                          ~
                          • 10. Re: Layout Mode
                            Level 7
                            > Just using Dw to produce a site without undertstanding html and css is
                            > not a recipe for success.

                            Amen!


                            --

                            Walt


                            "Malcolm N_" <malcom@mgnixon.org.uk> wrote in message
                            news:bncjb3liju8h7thk1dp2bsrpjmotv24cla@4ax.com...
                            > On Wed, 8 Aug 2007 12:07:34 +0000 (UTC), "LoobieLouLou"
                            > <webforumsuser@macromedia.com> wrote:
                            >
                            >>I am not absolutely sure how the table html code should look, please could
                            >>you
                            >>show me?
                            >
                            > in a new file - create a new table and then look at the code
                            >
                            > it starts with a <table>
                            > then a <tr> to start the row
                            > then <td> or <th> to start a cell - each <td> needs a balancing </td>
                            > to close it
                            >
                            > to end a row it uses a </tr>
                            >
                            > look at your code and you will see missing </td> and </tr>
                            >
                            > and the first table has no content i.e a <table> immediately followed
                            > by a </table> with no rows or cells
                            >
                            > Just using Dw to produce a site without undertstanding html and css is
                            > not a recipe for success.
                            >
                            >
                            >
                            >
                            > --
                            >
                            > ~Malcolm N....
                            > ~


                            • 11. Re: Layout Mode
                              Level 7
                              This post was made to the identical thread called "Layout Altered" - posted
                              yesterday -

                              Yes, it does.

                              DW's timeline code is such an antique (dating from DW2, I believe) that it
                              fails in some of the more recent browsers. Unless there is a compelling
                              reason to use it, I wouldn't.

                              It's likely that your problems stem from this code -

                              <table width="748"" height="419" align="center" cellspacing="10"
                              id="Content"
                              style="border: 1px solid black; </table>


                              Note that not only is the opening table tag improperly closed, but the whole
                              thing is bogus anyhow. You cannot have <table></table> in your code. I
                              assume that the closing </table> is an error, meaning that the code should
                              be -

                              <table width="748"" height="419" align="center" cellspacing="10"
                              id="Content"
                              style="border: 1px solid black;">

                              This should fix part of your problem. You will have another immediate
                              problem, though, that is caused by your use of absolute positioning with
                              centering tables. The tables will center, but the absolutely positioned
                              elements will be fixed in their location. Thus, the table's content will
                              slide under the 'layers', breaking your layout.

                              Finally, you have used Layout mode to build these tables. In my opinion,
                              there are three serious problems with Layout Mode -

                              1. Perhaps most importantly, it sits between you and *real* HTML tables,
                              and fools you into believing that concepts like "layout cell" and
                              "autostretch" really mean something. They do not. As long as you use
                              Layout Mode, you'll never learn one of the most important things for new web
                              developers - how to build solid and reliable tables.

                              2. Actually, #1 wouldn't be *so* bad, except that the code that is written
                              by Layout Mode is really poor code. For example, a layout table contains
                              MANY empty rows of cells. This can contribute to a table's instability.
                              In addition, if your initial positioning of the table's cells is a bit
                              complex,
                              Layout Mode will throw in col- and rowspans aplenty as it merges and splits
                              cells willy-nillly to achieve the pixel-perfect layout you have specified.
                              Again,
                              this is an extremely poor method for building stable tables, because it
                              allows
                              changes in one tiny cell's shape (i.e, dimensions) to ripple through the
                              rest
                              of the table, usually with unexpected and sometimes disastrous consequences.
                              This is one of the primary reasons for the final result's fragility - read
                              this -

                              http://apptools.com/rants/spans.php

                              3. The UI for Layout Mode is beyond confusing - many options that you might
                              want to use are inaccessible, e.g., inserting another table, or layer onto
                              the page.

                              I can understand the new user's desire to use this tool to make their life
                              easier,
                              but the cost is just too heavy in my opinion.

                              To make good tables, keep it simple. Put a table on the page, and begin to
                              load your content. If you would want a different table layout, instead of
                              merging or splitting cells, consider stacking tables or nesting simple
                              tables instead, respectively.

                              And above all, do not try to build the whole page with a single table!

                              To read more about this approach, visit the DW FAQ link in my sig, and run
                              through the table tutorials.

                              --
                              Murray --- ICQ 71997575
                              Adobe Community Expert
                              (If you *MUST* email me, don't LAUGH when you do so!)
                              ==================
                              http://www.dreamweavermx-templates.com - Template Triage!
                              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                              ==================


                              "Malcolm N_" <malcom@mgnixon.org.uk> wrote in message
                              news:bncjb3liju8h7thk1dp2bsrpjmotv24cla@4ax.com...
                              > On Wed, 8 Aug 2007 12:07:34 +0000 (UTC), "LoobieLouLou"
                              > <webforumsuser@macromedia.com> wrote:
                              >
                              >>I am not absolutely sure how the table html code should look, please could
                              >>you
                              >>show me?
                              >
                              > in a new file - create a new table and then look at the code
                              >
                              > it starts with a <table>
                              > then a <tr> to start the row
                              > then <td> or <th> to start a cell - each <td> needs a balancing </td>
                              > to close it
                              >
                              > to end a row it uses a </tr>
                              >
                              > look at your code and you will see missing </td> and </tr>
                              >
                              > and the first table has no content i.e a <table> immediately followed
                              > by a </table> with no rows or cells
                              >
                              > Just using Dw to produce a site without undertstanding html and css is
                              > not a recipe for success.
                              >
                              >
                              >
                              >
                              > --
                              >
                              > ~Malcolm N....
                              > ~


                              • 12. Re: Layout Mode
                                Level 7
                                > Any ideas of how to fix it?

                                Learn HTML. That's really the only way to understand these issues. It's not
                                hard, but will take a bit of time. Depending on DW to make your HTML for you
                                is only going to lead to frustrations like this.

                                -Darrel