1 Reply Latest reply: Jul 5, 2013 4:35 AM by bgupta16 RSS

    html document with four frames

    steenmikkelsen2 Community Member

      Hello

      I do not know Dreamweaver, but hope that I can get help here to make a simple front page. (index.html)

      I have 4 IP camera that I want showing on my website.
      The 4 cameras should be shown as 4 single cameras in each frame - see picture.

      I have a script to be used in each frame, which ensures that reload every camera with x interval.

       

       

       

      DreamWeaver frameset.jpg

       

      Script to camera's

      http://gupl.dk/698594/


        • 1. Re: html document with four frames
          bgupta16 Employee Hosts

          Are you looking for something like this.

          cam.png

          See the code below

          <!doctype html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>Untitled Document</title>

          <style type="text/css">

          #Container {

              font-family: Verdana, Arial, Helvetica, sans-serif;

              border: 1px solid red;

              width: 900px;

              margin: 0 auto; /*centered*/

              overflow: hidden; /*float containment*/

          }

          #wrapdiv {

              width: 900px;

              float: left;

          }

          #div1, #div2 {

              width: 400px;

              min-height: 300px;

              margin: 15px;

              border: 4px solid #000;

              word-wrap: break-word;

          }

          #div1 {

              float: left;

          }

          #div2 {

              float: right;

          }

          /**Clear floats after the divs**/

          .clear {

              clear: both;

              visibility: hidden;

              line-height: 0;

              font-size: 1px;

              display: block;

          }

          </style>

          </head>

           

          <body>

          <div id="Container">

            <div id="wrapdiv">

              <div id="div1">

                <h2>Cam 1 </h2>

              </div>

              <div id="div2">

                <h2>Cam 2</h2>

              </div>

            </div>

            <div class="clear"></div>

            <div id="wrapdiv">

              <div id="div1">

                <h2>Cam 3</h2>

              </div>

              <div id="div2">

                <h2>Cam 4</h2>

              </div>

            </div>

            <div class="clear"></div>

          </div>

          </body>

          </html>

           

          Add the script to your page.

           

          HTH

          Bhawna