Databases
StackOverflow2013
Postsdbo
POcolumn expands with "textbox width given in percentage" within table
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POcolumn expands with "textbox width given in percentage" within table
    text
    copied!<p>I am using the following code </p> <p><strong>--- EDIT @annakata :</strong> Adding the complete code</p> <pre><code>&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;table id="additionalContactsTable" name="additionalContactsTable" width="100%" &gt; &lt;thead&gt; &lt;tr&gt; &lt;th style="text-align: center" class="Ntablerow1RightDark" width="25%"&gt;&lt;b&gt;Last&lt;/b&gt; &lt;/th&gt; &lt;th style="text-align: center" class="Ntablerow1RightDark" width="25%"&gt;&lt;b&gt;First&lt;/b&gt; &lt;/th&gt; &lt;th style="text-align: center" class="Ntablerow1RightDark" width="25%"&gt;&lt;b&gt;Middle&lt;/b&gt; &lt;/th&gt; &lt;th style="text-align: center" class="Ntablerow1RightDark" width="25%"&gt;&lt;b&gt;Email&lt;/b&gt; &lt;/th&gt; &lt;tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class="NcontextlabelboldNormal" height="24"&gt; &lt;input maxlength="256" type="text" name="additionalContact" style="width: 90%;" value="aaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaa aaaaaaaaaaaa aaaaa aaaaaaaaaaaaaaa" &gt; &lt;/td&gt; &lt;td class="NcontextlabelboldNormal" height="24"&gt; &lt;input maxlength="256" type="text" name="additionalContact" style="width: 90%;" value="aaaaaaaaaaaaaaaaaaaaaaaaaa" &gt; &lt;/td&gt; &lt;td class="NcontextlabelboldNormal" height="24"&gt; &lt;input maxlength="256" type="text" name="additionalContact" style="width: 90%;" value="aaaaaaaaaaaa aaaaaaaa aaaaaaaaaab bbbbbbbb bbbbbbbbbbbbbbbb" &gt; &lt;/td&gt; &lt;td class="NcontextlabelboldNormal" height="24"&gt; &lt;input maxlength="256" type="text" name="additionalContact" style="width: 90%;" value="aaaaaaaa aaaaaa aaaaaaa aaaaa" &gt; &lt;/td&gt; &lt;/BODY&gt; &lt;/HTML&gt; </code></pre> <p>The problem arises when the user enters a large text, the text box expands and table is distorted. If I put size="30" in there the expansion problem is fixed but on different resolutions, the structure behaves diffferently.</p> <p>Any fixes or wok around to achieve the desired gracefully ?</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