14 Replies Latest reply on May 10, 2006 12:04 PM by Wyndy

    Layout issue with form

    Wyndy
      I'm working on a site and putting in a google search box, which is actually a form. My problem is that I've put the form in a table row that I would like to stay nice and short. However, once the form is in the row, it acts as if there's a <br> after it, leaving a space below the form and making the whole row taller.

      Is this an html quirk, and is there any way in Dreamweaver to compensate for it?

      The site is still in development, but the page is published at http://www.webwomandesign.com/test/cbd

      Thanks.
        • 1. Re: Layout issue with form
          Ally86
          I have to say, I don't have the foggiest on that one, but kudos on the page - I really like your animation on your pop-up menus! They're a beast to program, but yours turned out really nice.

          Hopefully you don't mind me asking - how did you get the beige fill in the background? (I always forget where that setting is . . .)
          • 2. Re: Layout issue with form
            Level 7
            that's the default margin for the form tag.

            fix- set the form tag's top and bottom margins to zero with CSS.

            css panel, new style, redefine html tag-->form and set the margins.

            • 3. Re: Layout issue with form
              Level 7
              The page has no body tag -

              </style></head>

              <table width="800"

              And, I see that you have used the OpenCube menus. You may be interested in
              how a search engine will see your page -

              http://www.webconfs.com/search-engine-spider-simulator.php

              (enter your URI there and click on submit)

              Note that there is sparse content on that page, and NO LINKS TO OTHER PAGES.
              This means that your site will not be spidered because of those menus....

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


              "Wyndy" <webforumsuser@macromedia.com> wrote in message
              news:e3oruq$cf6$1@forums.macromedia.com...
              > I'm working on a site and putting in a google search box, which is
              > actually a
              > form. My problem is that I've put the form in a table row that I would
              > like to
              > stay nice and short. However, once the form is in the row, it acts as if
              > there's a <br> after it, leaving a space below the form and making the
              > whole
              > row taller.
              >
              > Is this an html quirk, and is there any way in Dreamweaver to compensate
              > for
              > it?
              >
              > The site is still in development, but the page is published at
              > http://www.webwomandesign.com/test/cbd
              >
              > Thanks.
              >


              • 4. Re: Layout issue with form
                Level 7
                Wyndy

                Try placing the form tags outside of the <td> tag or even the <tr> tag. eg:

                <table>
                <tr>
                <form>
                <td></td>
                </form>
                </tr>
                </table>

                I find that stops the extra space in the table cell.

                Brendan
                ______________________________________________
                Rate your experiences with your UK and Ireland builders at
                http://www.ratethebuilder.co.uk
                =========================================


                "Wyndy" <webforumsuser@macromedia.com> wrote in message
                news:e3oruq$cf6$1@forums.macromedia.com...
                > I'm working on a site and putting in a google search box, which is
                actually a
                > form. My problem is that I've put the form in a table row that I would
                like to
                > stay nice and short. However, once the form is in the row, it acts as if
                > there's a <br> after it, leaving a space below the form and making the
                whole
                > row taller.
                >
                > Is this an html quirk, and is there any way in Dreamweaver to compensate
                for
                > it?
                >
                > The site is still in development, but the page is published at
                > http://www.webwomandesign.com/test/cbd
                >
                > Thanks.
                >


                • 5. Re: Layout issue with form
                  Level 7
                  Go to your room! 8)

                  Why recommend invalid HTML to solve an easily solved problem?

                  Either put the form outside the table altogether, e.g.,

                  <form>
                  <table></table>
                  </form>

                  or use CSS to manage the form tag's default top/bottom margins.

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


                  "Brendan" <Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in message
                  news:e3pu5q$nc2$1@forums.macromedia.com...
                  > Wyndy
                  >
                  > Try placing the form tags outside of the <td> tag or even the <tr> tag.
                  > eg:
                  >
                  > <table>
                  > <tr>
                  > <form>
                  > <td></td>
                  > </form>
                  > </tr>
                  > </table>
                  >
                  > I find that stops the extra space in the table cell.
                  >
                  > Brendan
                  > ______________________________________________
                  > Rate your experiences with your UK and Ireland builders at
                  > http://www.ratethebuilder.co.uk
                  > =========================================
                  >
                  >
                  > "Wyndy" <webforumsuser@macromedia.com> wrote in message
                  > news:e3oruq$cf6$1@forums.macromedia.com...
                  >> I'm working on a site and putting in a google search box, which is
                  > actually a
                  >> form. My problem is that I've put the form in a table row that I would
                  > like to
                  >> stay nice and short. However, once the form is in the row, it acts as if
                  >> there's a <br> after it, leaving a space below the form and making the
                  > whole
                  >> row taller.
                  >>
                  >> Is this an html quirk, and is there any way in Dreamweaver to compensate
                  > for
                  >> it?
                  >>
                  >> The site is still in development, but the page is published at
                  >> http://www.webwomandesign.com/test/cbd
                  >>
                  >> Thanks.
                  >>
                  >
                  >


                  • 6. Re: Layout issue with form
                    Level 7
                    Geez sorry Murray! ;-(

                    Didn't know it would come up as invalid HTML, just know that it worked for
                    me in the past. Thanks for the heads up, will remember now for the future,
                    just as I remembered any time my dad told me off about something! ;-)

                    --
                    ______________________________________________
                    Rate your experiences with your UK and Ireland builders at
                    http://www.ratethebuilder.co.uk
                    =========================================


                    "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                    news:e3puii$nsu$1@forums.macromedia.com...
                    > Go to your room! 8)
                    >
                    > Why recommend invalid HTML to solve an easily solved problem?
                    >
                    > Either put the form outside the table altogether, e.g.,
                    >
                    > <form>
                    > <table></table>
                    > </form>
                    >
                    > or use CSS to manage the form tag's default top/bottom margins.
                    >
                    > --
                    > 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
                    > ==================
                    >
                    >
                    > "Brendan" <Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in message
                    > news:e3pu5q$nc2$1@forums.macromedia.com...
                    > > Wyndy
                    > >
                    > > Try placing the form tags outside of the <td> tag or even the <tr> tag.
                    > > eg:
                    > >
                    > > <table>
                    > > <tr>
                    > > <form>
                    > > <td></td>
                    > > </form>
                    > > </tr>
                    > > </table>
                    > >
                    > > I find that stops the extra space in the table cell.
                    > >
                    > > Brendan
                    > > ______________________________________________
                    > > Rate your experiences with your UK and Ireland builders at
                    > > http://www.ratethebuilder.co.uk
                    > > =========================================
                    > >
                    > >
                    > > "Wyndy" <webforumsuser@macromedia.com> wrote in message
                    > > news:e3oruq$cf6$1@forums.macromedia.com...
                    > >> I'm working on a site and putting in a google search box, which is
                    > > actually a
                    > >> form. My problem is that I've put the form in a table row that I would
                    > > like to
                    > >> stay nice and short. However, once the form is in the row, it acts as
                    if
                    > >> there's a <br> after it, leaving a space below the form and making the
                    > > whole
                    > >> row taller.
                    > >>
                    > >> Is this an html quirk, and is there any way in Dreamweaver to
                    compensate
                    > > for
                    > >> it?
                    > >>
                    > >> The site is still in development, but the page is published at
                    > >> http://www.webwomandesign.com/test/cbd
                    > >>
                    > >> Thanks.
                    > >>
                    > >
                    > >
                    >
                    >


                    • 7. Re: Layout issue with form
                      Level 7
                      LOL - I like your attitude. Or as we say in Philly, your att-e-tude.

                      You can come down for dinner....

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


                      "Brendan" <Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in message
                      news:e3pvc0$or5$1@forums.macromedia.com...
                      > Geez sorry Murray! ;-(
                      >
                      > Didn't know it would come up as invalid HTML, just know that it worked for
                      > me in the past. Thanks for the heads up, will remember now for the future,
                      > just as I remembered any time my dad told me off about something! ;-)
                      >
                      > --
                      > ______________________________________________
                      > Rate your experiences with your UK and Ireland builders at
                      > http://www.ratethebuilder.co.uk
                      > =========================================
                      >
                      >
                      > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      > news:e3puii$nsu$1@forums.macromedia.com...
                      >> Go to your room! 8)
                      >>
                      >> Why recommend invalid HTML to solve an easily solved problem?
                      >>
                      >> Either put the form outside the table altogether, e.g.,
                      >>
                      >> <form>
                      >> <table></table>
                      >> </form>
                      >>
                      >> or use CSS to manage the form tag's default top/bottom margins.
                      >>
                      >> --
                      >> 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
                      >> ==================
                      >>
                      >>
                      >> "Brendan" <Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in
                      >> message
                      >> news:e3pu5q$nc2$1@forums.macromedia.com...
                      >> > Wyndy
                      >> >
                      >> > Try placing the form tags outside of the <td> tag or even the <tr> tag.
                      >> > eg:
                      >> >
                      >> > <table>
                      >> > <tr>
                      >> > <form>
                      >> > <td></td>
                      >> > </form>
                      >> > </tr>
                      >> > </table>
                      >> >
                      >> > I find that stops the extra space in the table cell.
                      >> >
                      >> > Brendan
                      >> > ______________________________________________
                      >> > Rate your experiences with your UK and Ireland builders at
                      >> > http://www.ratethebuilder.co.uk
                      >> > =========================================
                      >> >
                      >> >
                      >> > "Wyndy" <webforumsuser@macromedia.com> wrote in message
                      >> > news:e3oruq$cf6$1@forums.macromedia.com...
                      >> >> I'm working on a site and putting in a google search box, which is
                      >> > actually a
                      >> >> form. My problem is that I've put the form in a table row that I would
                      >> > like to
                      >> >> stay nice and short. However, once the form is in the row, it acts as
                      > if
                      >> >> there's a <br> after it, leaving a space below the form and making the
                      >> > whole
                      >> >> row taller.
                      >> >>
                      >> >> Is this an html quirk, and is there any way in Dreamweaver to
                      > compensate
                      >> > for
                      >> >> it?
                      >> >>
                      >> >> The site is still in development, but the page is published at
                      >> >> http://www.webwomandesign.com/test/cbd
                      >> >>
                      >> >> Thanks.
                      >> >>
                      >> >
                      >> >
                      >>
                      >>
                      >
                      >


                      • 8. Re: Layout issue with form
                        Wyndy Level 1
                        Thanks for the suggested solutions, which I will try post-haste.

                        Murray - I know you have concerns about the js menus, like the one by Open Cube, but Open Cube does provide code that solves the problem. I haven't put it in the site that I posted about yet, but I will before I publish it to the live site. Check this site that I did with open cube navigation - and run it through your site checker: www.isps-us.org. You do have to remember to update the code when you update the menu, but that's a small price to pay, I think.

                        Ally86 - you can do the background color with CSS, or just hit "page properties" in the properties panel.

                        Thanks again.
                        Lorraine
                        • 9. Re: Layout issue with form
                          Wyndy Level 1
                          Brendan - your solution worked like a charm. Thanks again.
                          • 10. Re: Layout issue with form
                            Level 7
                            And it invalidated the code on the page....

                            I would not use that method, when the other suggested methods work well
                            without the invalid code.

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


                            "Wyndy" <webforumsuser@macromedia.com> wrote in message
                            news:e3rka6$289$1@forums.macromedia.com...
                            > Brendan - your solution worked like a charm. Thanks again.


                            • 11. Re: Layout issue with form
                              Level 7
                              Yes - that works.

                              <div id="vqp_sfl" style="position:absolute; visibility:hidden;">
                              <!--For search engines only: Removal of this DIV will not disable the menu
                              system.-->
                              <a href=" http://www.isps-us.org">Home </a>
                              <a href=" http://www.isps-us.org/about.htm">About Us </a>
                              <a href=" http://www.isps-us.org/branches.htm">US Chapters </a>
                              <a href=" http://www.isps-us.org/i-chapters.htm">International Chapters
                              </a>
                              <a href=" http://www.isps-us.org/members.htm">Members </a>
                              <a href=" http://www.isps-us.org/institutional.htm">Institutional Members
                              </a>
                              <a href=" http://www.isps-us.org/join.htm">Join/Renew Membership </a>
                              <a href=" http://www.isps-us.org/conferences.htm">Conferences </a>
                              <a href=" http://www.isps-us.org/conferences/2004abstracts.htm">2004
                              Abstracts</a>
                              <a href=" http://www.isps-us.org/articles">Articles </a>
                              <a href=" http://www.isps-us.org/listserve.htm">Discussion Group</a>
                              <a href=" http://www.isps-us.org/koehler.htm">Dr. Koehler's Postings</a>
                              <a href=" http://www.isps-us.org/reading1.htm">Recommended Reading </a>
                              <a href=" http://www.isps-us.org/links.htm">Web Links </a>
                              <a href=" http://www.isps-us.org/contact.htm">Contact Us </a>
                              <a href=" http://www.isps-us.org/site_map.htm">Site Map</a></div>

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


                              "Wyndy" <webforumsuser@macromedia.com> wrote in message
                              news:e3rfr9$qv3$1@forums.macromedia.com...
                              > Thanks for the suggested solutions, which I will try post-haste.
                              >
                              > Murray - I know you have concerns about the js menus, like the one by Open
                              > Cube, but Open Cube does provide code that solves the problem. I haven't
                              > put it
                              > in the site that I posted about yet, but I will before I publish it to the
                              > live
                              > site. Check this site that I did with open cube navigation - and run it
                              > through your site checker: www.isps-us.org. You do have to remember to
                              > update
                              > the code when you update the menu, but that's a small price to pay, I
                              > think.
                              >
                              > Ally86 - you can do the background color with CSS, or just hit "page
                              > properties" in the properties panel.
                              >
                              > Thanks again.
                              > Lorraine
                              >


                              • 12. Re: Layout issue with form
                                Level 7
                                Think I have to agree with Murray on this one. Probably better setting the
                                Form margins with CSS.

                                I have seen the light and it is calling me to it. ;-)

                                Brendan
                                ______________________________________________
                                Rate your experiences with your UK and Ireland builders at
                                http://www.ratethebuilder.co.uk
                                =========================================


                                "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                news:e3sfb5$4ak$1@forums.macromedia.com...
                                > And it invalidated the code on the page....
                                >
                                > I would not use that method, when the other suggested methods work well
                                > without the invalid code.
                                >
                                > --
                                > 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
                                > ==================
                                >
                                >
                                > "Wyndy" <webforumsuser@macromedia.com> wrote in message
                                > news:e3rka6$289$1@forums.macromedia.com...
                                > > Brendan - your solution worked like a charm. Thanks again.
                                >
                                >


                                • 13. Re: Layout issue with form
                                  Level 7
                                  You're OK, Brendan! 8)

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


                                  "Brendan" <Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in message
                                  news:e3sg2o$55o$1@forums.macromedia.com...
                                  > Think I have to agree with Murray on this one. Probably better setting the
                                  > Form margins with CSS.
                                  >
                                  > I have seen the light and it is calling me to it. ;-)
                                  >
                                  > Brendan
                                  > ______________________________________________
                                  > Rate your experiences with your UK and Ireland builders at
                                  > http://www.ratethebuilder.co.uk
                                  > =========================================
                                  >
                                  >
                                  > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                  > news:e3sfb5$4ak$1@forums.macromedia.com...
                                  >> And it invalidated the code on the page....
                                  >>
                                  >> I would not use that method, when the other suggested methods work well
                                  >> without the invalid code.
                                  >>
                                  >> --
                                  >> 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
                                  >> ==================
                                  >>
                                  >>
                                  >> "Wyndy" <webforumsuser@macromedia.com> wrote in message
                                  >> news:e3rka6$289$1@forums.macromedia.com...
                                  >> > Brendan - your solution worked like a charm. Thanks again.
                                  >>
                                  >>
                                  >
                                  >


                                  • 14. Re: Layout issue with form
                                    Wyndy Level 1
                                    Oops, I gave credit to the wrong person - it was Alan who suggested the CSS fix. (Sorry Brendan and thanks Alan.)

                                    Lorraine