7 Replies Latest reply on Sep 30, 2007 10:21 AM by Newsgroup_User

    Help with Rows

    TheHydra75
      Hi all,

      I'm trying to merge three rows together so when I add my BG color it appears to be one long row or banner. But when I merge with DW, all my formatting gets messed up.

      Any suggestions?

      Here's the link: http://www.onyxpower.com/OnyxRedesign.htm
        • 1. Re: Help with Rows
          Level 7
          Don't. Use a small table stacked on top of your other table -

          <table>
          <tr>
          <td style="background-color:puce;">yourbannerhere</td>
          </tr>
          </table>
          <table>
          <tr>
          <td>The rest of your content here</td>
          </tr>
          </table>

          (inline style shown for clarity)

          --
          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
          ==================


          "TheHydra75" <webforumsuser@macromedia.com> wrote in message
          news:fdm4mg$bd9$1@forums.macromedia.com...
          > Hi all,
          >
          > I'm trying to merge three rows together so when I add my BG color it
          > appears to be one long row or banner.
          >
          > Any suggestions?
          >
          > Here's the link: http://www.onyxpower.com/OnyxRedesign.htm


          • 2. Re: Help with Rows
            TheHydra75 Level 1
            Thanks for the reply Murray,

            I'm not sure I follow. But without messing up what I already have done (the client likes what I have so far) how can I implement the code you gave? And for future reference, what should I have done differently with respect to creating tables?

            Thanks again.
            • 3. Re: Help with Rows
              Level 7
              > But without messing up what I already have done (the
              > client likes what I have so far) how can I implement the code you gave?

              I haven't seen what you have done so far. Wanna post a link to the page?

              > what should I have done differently with respect to creating tables?

              Learn how to avoid merging and splitting cells by nesting/stacking tables
              instead.

              Two tables, one preceding the other in the markup is infinitely better than
              one large table with merged cells in terms of your page's stability. The
              same is true of nested tables rather than one table with split cells.

              --
              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
              ==================


              "TheHydra75" <webforumsuser@macromedia.com> wrote in message
              news:fdm884$ent$1@forums.macromedia.com...
              > Thanks for the reply Murray,
              >
              > I'm not sure I follow. But without messing up what I already have done
              > (the
              > client likes what I have so far) how can I implement the code you gave?
              > And for
              > future reference, what should I have done differently with respect to
              > creating
              > tables?
              >
              > Thanks again.
              >


              • 4. Re: Help with Rows
                TheHydra75 Level 1
                The page is located at http://www.onyxpower.com/OnyxRedesign.htm.

                Thanks.
                • 5. Re: Help with Rows
                  Level 7
                  Your page -

                  1. Has a bad doctype (inserted, it appears, by DWMX, which was broken in
                  this regard). Change this -

                  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

                  to this -

                  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                  " http://www.w3.org/TR/html4/loose.dtd">

                  to fix that, so that the page renders in standards mode not quirks mode in
                  IE.

                  2. Has multiple, redundant, links to the same stylesheet -

                  <link href=" http://www.onyxpower.com/onyxpower.css" rel="stylesheet"
                  type="text/css">
                  <style type="text/css">
                  <!--
                  @import url(" http://www.onyxpower.com/onyxpower.css");
                  .style12 {
                  ...snip...
                  -->
                  </style>
                  <link href="onyxpower.css" rel="stylesheet" type="text/css">
                  <link href="OnyxRedesign/onyxpower.css" rel="stylesheet" type="text/css">

                  I believe any one of your links will work.

                  Also, the first link is poorly formed in that it tries to link to a folder
                  level OUTSIDE of your website's root -

                  <link href="../onyxpower.css" rel="stylesheet" type="text/css">

                  3. You have frequent use of spaces in your file/pathnames. This is quite
                  dangerous on the web - you should rename those files/folders so that they
                  contain only letters/numbers/hyphens/underscores: no spaces and no other
                  punctuation marks.

                  4. Is this what you are looking for?

                  http://murraytestsite.com/onyx.html

                  That's 2 stacked tables as I suggested.

                  --
                  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
                  ==================


                  "TheHydra75" <webforumsuser@macromedia.com> wrote in message
                  news:fdmdbp$jgj$1@forums.macromedia.com...
                  > The page is located at http://www.onyxpower.com/OnyxRedesign.htm.
                  >
                  > Thanks.


                  • 6. Re: Help with Rows
                    TheHydra75 Level 1
                    I'll clean up the code as you suggested.

                    Actually what I was trying to do was make the blue 'header' on each section (Remote Distribution, Power Distribution, Centralized Distribution etc) into one long blue bar, without that 10px or so white space. Is that doable?

                    Thanks.
                    • 7. Re: Help with Rows
                      Level 7
                      The white space is caused by your failure to control the table's cellspacing
                      and cellpadding attribute values, by omitting them altogether from the
                      <table> tag. If you set them to zero, as I have done at the link I already
                      posted, you will see that white space vanish as the adjacent cells snug
                      against each other. The lesson here is that leaving them unspecified will
                      always get the browser's default values.

                      I also note that you have liberally used table height values - this is
                      invalid HTML and will not be rendered on your page in any browser other than
                      IE, and only then when you have an invalid or incomplete doctype. Now that
                      you have fixed your doctype, you might want to remove those unnecessary
                      table height values.

                      --
                      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
                      ==================


                      "TheHydra75" <webforumsuser@macromedia.com> wrote in message
                      news:fdojia$g4$1@forums.macromedia.com...
                      > I'll clean up the code as you suggested.
                      >
                      > Actually what I was trying to do was make the blue 'header' on each
                      > section
                      > (Remote Distribution, Power Distribution, Centralized Distribution etc)
                      > into
                      > one long blue bar, without that 10px or so white space. Is that doable?
                      >
                      > Thanks.
                      >