Databases
StackOverflow2013
Postsdbo
POForm positioning problem
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POForm positioning problem
    text
    copied!<p>I have a Windows program which generates forms. </p> <p>It takes the Top/Left properties at form design time in the Windows program and generates HTML to display the form, using <code>position: absolute</code> and the original Top/Left.</p> <p>Now I want to split my HTML page into three panes/sections :</p> <p>1) a menu bar across the top 2) the form, as designed in the windows program 3) a submit button, below the form</p> <p>I presume that there is some very simple way to do this, using divs (if I <em>must</em>, I can enclose the form in a , but would rather avoid that).</p> <p><strong>The main point is that the coordinates in 2) will now need to be relative to 2)</strong></p> <p>I hope that that is clear, please ask me if not.</p> <hr> <p>@YTi Jiang asked for some sample generated HTML, so here is the simplest I could think of - a text input box. Feel free to ask for any kind of example, but I really think that I am just asking for some "classic", like a "classic top menu/page body/footer" or whatever the CSS/HML gurus call it.. </p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Input data&lt;/title&gt; &lt;meta http-equiv="Content-type" content="text/html;charset=UTF-8"&gt; &lt;meta HTTP-EQUIV="Pragma" CONTENT="no-cache"&gt; &lt;meta HTTP-EQUIV="Expires" CONTENT="-1"&gt; &lt;style type="text/css"&gt; body { font: 12px Arial; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="HTTP://localhost/b/submitted.php" method="post"&gt; &lt;div class="TEdit" id="TextEditBox1" style="position: absolute; top:56px; left: 72px; width: 121px; height: 21px;"&gt; &lt;input type="text" name="TextEditBox1"&gt; &lt;/div&gt; &lt;div class"submit_button" style="position:absolute; top:102px; left:132px;"&gt;&lt;input type="submit" name="submitButton" value="Submit"&gt;&lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <hr> <p>Does it make any difference that it is a form and not just a plain HTML page?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload