Note that there are some explanatory texts on larger screens.

plurals
  1. POcolumn expands with "textbox width given in percentage" within table
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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