Note that there are some explanatory texts on larger screens.

plurals
  1. POAlign Forms correctly
    primarykey
    data
    text
    <p>I have this form:</p> <pre><code>&lt;form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded"&gt; &lt;table&gt; &lt;tr&gt;&lt;td class=Forms&gt;ICAO: &lt;input type="text" value="" name="ICAO" /&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Name: &lt;input type="text" value="Airbus A320" name="nombre" /&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Price: &lt;input maxlength="9" value="1000000" type="text" name="precio" /&gt; €&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Number Classes: &lt;select name="numberclasses" id="numberclasses" onchange="callAjax()"&gt; &lt;option&gt;Select Number of Classes&lt;/option&gt; &lt;?php echo'&lt;option value="1"&gt;One&lt;/option&gt;'; echo'&lt;option value="2"&gt;Two&lt;/option&gt;'; echo'&lt;option value="3"&gt;Three&lt;/option&gt;'; ?&gt; &lt;/select&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;First Class: &lt;input disabled="disabled" type="text" name="classes1" /&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Bussines Class: &lt;input disabled="disabled" type="text" name="classes2" /&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Economy Class: &lt;input disabled="disabled" type="text" name="classses" /&gt;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class=Forms&gt;Capacidad: &lt;input maxlength="3" value="150" type="text" name="pax" /&gt; pasajeros&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;&lt;br /&gt; &lt;input type="submit" name="enviar" value="Insertar"/&gt; &lt;/form&gt; </code></pre> <p>And the CSS class Forms is:</p> <pre><code>td.Forms { text-align: left; text-indent: 10px; font-family: Century Gothic; font-weight: normal; font-size: 15px; white-space: nowrap; } </code></pre> <p>The boxes start when the title finish and I want the boxes start all in the same part. I think the idea is see the titles in one colum and the boxes in other, like this <a href="http://i48.tinypic.com/2nbd2m8.png" rel="nofollow">http://i48.tinypic.com/2nbd2m8.png</a>, but I have this <a href="http://i49.tinypic.com/1exb80.png" rel="nofollow">http://i49.tinypic.com/1exb80.png</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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.
 

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