Stop using tables for layout of BBIS parts e.g. user login

Using tables to layout document content that is not tabular data makes it harder to style the page.

  • Guest
  • May 24 2016
  • Reviewed: Voting Open
BBIS / BBIS
  • Attach files
  • Craig Allen commented
    January 27, 2017 07:45

    It would be far better to allow users to have complete control over the HTML that is generated, with tags that pull the content able to be placed anywhere within the design. The current system requires the developer to go to extraordinary lengths using Javascript and CSS to hack the output in order to design acceptable pages.

    E.g. A system that allowed us to write the following would free us to get on with building beautiful and engaging web pages that let us take advantage of all the amazing techniques and technologies proliferating in the realm of modern web design.

    <!DOCTYPE html>
    <html>

    <head>
      {{tag_to_insert_standard_head_content_required_by_this_page}}
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script src="/url/to/funky/script.js"></script>
      <link rel="stylesheet" href="/url/to/amazing/stylesheet.css">
    </head>

    <body>

      <div class="header">
        <p>whatever header design is wanted<p>
      </div>

      <div class="content">
        <div class="row">
          <div class="cell">{{output_item_1}}</div>
          <div class="cell">{{output_item_2}}</div>
          <div class="cell">{{output_item_3}}</div>
        </div>
          <div class="row">
            {{submit_button}}
          </div>
      </div>

      <div class="footer">
        <p>whatever footer design is wanted<p>
      </div>

       {{tag_to_insert_standard_end_content}}

    </body>