for fractions in cloze or formulas question types

for fractions in cloze or formulas question types

by David Pinyol Gras -
Number of replies: 0
Picture of Plugin developers

My suggestions are to use these codes in order that fractions looks better in cloze or formulas question types

Simple fraction, width <hr>
{a} +   {numerator}  
  {denominator}   		=   {_0}  
  {_1}  


<table style="margin: 0 auto;" cellspacing="0" cellpadding="5" border="0">
  <tbody>
    <tr>
      <td style="vertical-align: middle; text-align: center;  padding: 5px;">{a}</td>
      <td style="vertical-align: middle; text-align: center; padding: 5px;">+</td>
      <td style="vertical-align: middle; text-align: center; padding: 5px;">&nbsp; {numerator} &nbsp;
        <br>
        <hr style="width: 100%; height: 0px;   margin-top: 0.1em; margin-bottom: 0.1em; border: 1px solid black;">&nbsp; {denominator} &nbsp;
      </td>
      <td style="vertical-align: middle; text-align: center;  padding: 5px;">=</td>
      <td style="vertical-align: middle; text-align: center; padding: 5px;">&nbsp; {_0} &nbsp;
        <br>
        <hr style="width: 100%; height: 0px;   margin-top: 0.1em; margin-bottom: 0.1em; border: 1px solid black;">&nbsp; {_1} &nbsp;</td>
    </tr>
  </tbody>
</table>


Simple fraction width <td>
fraction + fraction =   {1:NM:=41}  
  {1:NM:=15}  


<table style="margin: 0 auto;" cellspacing="0" cellpadding="5" border="0">
  <tbody>
    <tr>
      <td rowspan="2">fraction + fraction = </td>
      <td style="border-bottom: 2px solid #000000; text-align: center; padding: 5px;">
&nbsp;&nbsp;{1:NM:=41}&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td style="text-align: center; padding: 5px:">
&nbsp;&nbsp;{1:NM:=15}&nbsp;&nbsp;</td>
    </tr>
  </tbody>
</table>


Many fractions in different lines:
320 hm3/year • {1:MC:1~10³~10⁶~=10⁹} {1:MC:hm³~=dm³}
{1:MC:=1~10~100~1000}{1:MC:=hm³~dm³}
• 1 {1:MC:dm³~=litre}
1 {1:MC:=dm³~litre}
• {1:MC:=1~365} {1:MC:=year~days}
{1:MC:1~=365}{1:MC:year~=days}


<div style="max-width: 920px; min-width: 220px; height: 100px;
border: 0;
box-sizing: border-box; float: left;
margin: 1px; padding: 1px;">
  <table style="padding: 3px; border-spacing: 2px;" cellspacing="0" cellpadding="3" border="0" align="center">
    <tbody>
      <tr>
        <td rowspan="2">320 hm<sup>3</sup>/any •</td>
        <td style="text-align: center;" valign="middle">
{1:MC:1~10³~10⁶~=10⁹} {1:MC:hm³~=dm³}</td>
      </tr>
      <tr>
        <td style="text-align: center; border-top-width: 2px; border-top-style: solid;" valign="middle">
{1:MC:=1~10~100~1000}{1:MC:=hm³~dm³}</td>
      </tr>
    </tbody>
  </table>
</div>

<div style="max-width: 890px; min-width: 90px; height: 100px;
border: 0;
box-sizing: border-box; float: left;
margin: 1px; padding: 1px;">
  <table style="padding: 3px; border-spacing: 2px;" cellspacing="0" cellpadding="3" border="0" align="center">
    <tbody>
      <tr>
        <td rowspan="2" style="padding: 3px; border-spacing: 2px;">•</td>
        <td style="text-align: center;" valign="middle">
1 {1:MC:dm³~=litre}</td>
      </tr>
      <tr>
        <td style="text-align: center; border-top-width: 2px; border-top-style: solid;" valign="middle">
1 {1:MC:=dm³~litre}</td>
      </tr>
    </tbody>
  </table>
</div>

<div style="max-width: 530px; min-width: 130px; height: 100px;
border: 0;
box-sizing: border-box; float: left;
margin: 1px; padding: 1px;">
  <table style="padding: 3px; border-spacing: 2px;" cellspacing="0" cellpadding="3" border="0" align="center">
    <tbody>
      <tr>
        <td rowspan="2" style="padding: 3px; border-spacing: 2px;">•</td>
        <td style="text-align: center;" valign="middle">
{1:MC:=1~365} {1:MC:=year~days}</td>
      </tr>
      <tr>
        <td style="text-align: center; border-top-width: 2px; border-top-style: solid;" valign="middle">
{1:MC:1~=365}{1:MC:year~=days}</td>
      </tr>
    </tbody>
  </table>
</div>
<p style="clear: both;">
  <br>
</p>



Average of ratings: Useful (1)