Forums

Hello,
i am a chrononewbie and have a question:

Because i want some formfields in a line and not among each other- is there a way to arrange them already in the formwizzard? - i insert a table, but the width commando does not work, i can not define the width of the table or the cells, the table is always dynamic and take whole place with all cells same width, but i need some small cells, f.e for 3 birthday-dropdownboxes day month year.
Is there a way to arrange formboxes parallel or make tablecommands work?

Hi firstrincewind,

how and where do you insert your table ? can you show me a screenshot ?

cheers
Max

Hi, here is the site with the form: http://www.doc-mengedoht.de/cms2/index.php?option=com_chronocontact&Itemid=136

Behaviour is different under firefox and ie


and here the chronocode:

<table width="400" bgcolor="#FFFFFF" border="3" cellpadding="3" bordercolor="#99CCFF" cellspacing="3"><tr><td>



<table width="300" bgcolor="#FFFFFF" border="0" cellpadding="0" bordercolor="#99CCFF" cellspacing="0"><tr><td>
<div  class="form_item"><div class="form_element cf_heading"><h1 id="" class="cf_text">Terminformular</h1></div></td></tr><tr><td>

<div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_radiobutton"><label class="cf_label">Anrede</label>
<fontsize=7></td><td   width="10%"    >
<div class="float_left"><input value="Frau" class="radio" id="Frau0" name="radio0" type="radio"><label for="Frau0" class="radio_label">
<font size="1">Frau</font></label>
<input value="Herr" class="radio" id="Herr0" name="radio0" type="radio"><label for="Herr0" class="radio_label"><font size="1">Herr</font></label><br></div></div><div class="clear"> </div></div></font>


</td>


</tr><tr><td>





<div  class="form_item"><div class="form_element cf_text"><span class="cf_text">Geburstdatum:</span></div>
<div class="clear"> </div></div>
</td><td    width="10%"  >
<div  class="form_item"><div class="form_element cf_dropdown">
<label class="cf_label">Tag</label>
<select class="cf_inputbox validate-selection" 
style="width: 40px"
id="select_15" size="1" name="select_15">
<option value="1">1</option>
<option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select></div><div class="clear"> </div></div>
</td>
<td>
<div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Monat</label><select class="cf_inputbox validate-selection" 
style="width: 90px"
id="select_16" size="1" name="select_6"><option value="Januar">Januar</option><option value=" Februar"> Februar</option><option value="März">März</option><option value="April">April</option><option value="Mai">Mai</option><option value="Juni">Juni</option><option value="Juli">Juli</option><option value="August">August</option><option value="September">September</option><option value="Oktober">Oktober</option><option value="November">November</option><option value="Dezember">Dezember</option></select></div><div class="clear"> </div></div>
</td>
<td>
<div  class="form_item"><div class="form_element cf_textbox">
<label class="cf_label">Jahr</label><input class="cf_inputbox " maxlength="150" size="40" id="text_1" 
style="width: 80px"

name="text_1" type="text"></div><div class="clear"> </div></div>

</td>









</tr><tr><td>


<div  class="form_item"><div class="form_element cf_textbox">
<label class="cf_label">Name</label><input class="cf_inputbox required" maxlength="130" size="10" 
style="width: 100px"
id="text_1" name="text_1" type="text"></div><div class="clear"> </div></div>
</td><td    width="10%" >
<div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Vorname</label><input class="cf_inputbox" maxlength="150" size="30" 
style="width: 100px"
id="text_2" name="text_2" type="text"></div><div class="clear"> </div></div>
</td>
<td>


<div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Email</label><input class="cf_inputbox required validate-email" maxlength="150" size="30" 
style="width: 100px"

id="text_3" name="text_3" type="text"></div><div class="clear"> </div></div>





</td></tr>
<tr><td>
<div  class="form_item"><div class="form_element cf_text"><span class="cf_text">Terminwunsch:</span></div>
<div class="clear"> </div></div>


</td></tr>
<tr><td>

<div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Tag</label><select class="cf_inputbox validate-selection"  
style="width: 40px"
 id="select_5" size="1" name="select_5"><option value="1">1</option>
<option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select></div><div class="clear"> </div></div>

</td><td  width="10%" >
<div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Monat</label><select class="cf_inputbox validate-selection" 
style="width: 90px"
id="select_6" size="1" name="select_6"><option value="Januar">Januar</option><option value=" Februar"> Februar</option><option value="März">März</option><option value="April">April</option><option value="Mai">Mai</option><option value="Juni">Juni</option><option value="Juli">Juli</option><option value="August">August</option><option value="September">September</option><option value="Oktober">Oktober</option><option value="November">November</option><option value="Dezember">Dezember</option></select></div><div class="clear"> </div></div>

</td><td>

<div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Uhrzeit</label><input class="cf_inputbox" maxlength="10" size="10"
style="width: 60px"
 id="text_9" name="text_9" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" border="0" width="16" height="16"></a><div  class="tooltipdiv">Uhrzeit :: Öffnungszeiten der Praxis: Montag-Freitag 8-12 und 16-18 Uhr, Samstag 8-12 Uhr.

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

</td></tr>
<tr><td colspan=3>


<div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Anliegen:</label><select class="cf_inputbox" 
style="width: 90px"
id="select_7" size="1" name="select_7"><option value="Beratung">Beratung</option>
<option value="Vorsorgeuntersuchung">Vorsorgeuntersuchung</option><option value="neue Brille">neue Brille</option><option value=" Gutachten"> Gutachten</option>
 <option value="Netzhautkontrolle ">Netzhautkontrolle und -behandlung bei Diabetes </option>
  
     <option value="Glaukomvorsorge ">Glaukomvorsorge und -behandlung (Grüner Star(r))</option>
   
      <option value="Makula">Diagnostik und Behandlung der Makula-Degeneration
    </option>
     <option value=" Kontaktlinsen">Kontaktlinsen - Kontrolle und Anpassung
   </option>
     <option value="LaserNetzhaut ">Laserbehandlung der Netzhaut (Argon)
  </option>
     <option value="LaserNachstar ">Laserbehandlung  des Nachstar(r)  (YAG)
    </option>
     <option value=" Pachymetrie">Hornhautdickemessung / Pachymetrie
  </option>
     <option value="Ultraschall ">Ultraschall / Sonographie des Auges
  </option>
      <option value="Führerschein">Gesichtsfeldprüfung / Sehteste für Führerschein</option>
   
      <option value="Farbsehen "> Prüfung des Farbensehens
   </option>
     <option value="Trocken"> Trockenes Auge und Lidrandpflege
   </option>
     <option value="Tränenwegspülung ">Tränenwegsspülungen
    </option>
    <option value=" VepERG"> Elektrophysiologie mit VEP und ERG
    </option>
    <option value="Monitorauswirkung "> G37 - Untersuchung für Bildschirmarbeitsplätze</option>
   
   <option value="Brille_Monitor ">  Brillenbestimmung für die Arbeit am Monitor
    </option>
<option value="Anderes">Anderes</option></select></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_button"><input value="Abschicken" name="undefined" type="submit"></div><div class="clear"> </div></div>

</td></tr></table>



</td></tr></table>

Hi firstrincewind,

You need to make sure that each row <tr>. . .</tr> in your table has the same number of cells in it <td>. . .</td><td> . . .</td> Without this the browser has to guess what you intended . . .

See here for a simple tutorial on html table tags.

Bob

Just have changed it to 4 cells/row, nothing changed.
This nevertheless could not be the source of the problem, because i use 2 tables, 1 table in a single cell, so at least this parent table should be changeable in size.

Just insert for a test a second cell in the parent and put letters in in order to shrink the table in the first cell, but the only thing which happens is that the table growth, it seems the table with the form in it has a fixed dimension or the cells have:all cells have same size although the formstuff in it has different dimensions

Hi firstrincewind,

Now you need to set the <td> widths so that they are consistent. The second column is set to width='40', width='10% and width='15%' in different rows.

Bob