Виджет для перевода смешанного числа в неправильную дробь

1. Ширина виджета: px.

2. Цвет виджета:

3. HTML-код виджета
(скопируйте себе на сайт):

<center><form action="http://mathonline.um-razum.ru/drobi-i-vse-chto-s-nimi-svjazano/perevod-smeshannogo-chisla-v-nepravilnuju-drob.html#top" method="post" target="_blank">
<table style="border:0px;width:425px" cellspacing="0" cellpadding="0">
<tr><td>
<div style="border:1px solid #0459c6;width:425px;padding:5px;border-bottom:0px;font-family:Verdana;font-size:12px;background-color:#0459c6;font-weight:bold;color:#fff;text-align:left">
<a href="http://mathonline.um-razum.ru/drobi-i-vse-chto-s-nimi-svjazano/perevod-smeshannogo-chisla-v-nepravilnuju-drob.html#top" style="color:inherit;text-decoration:none;cursor:default;margin-left:4px" target="_blank">Объяснение перевода в неправильную дробь</a></div>
</td></tr>
<tr><td>
<div style="border:1px solid #0459c6;border-bottom:1px solid #dddddd;width:425px;padding:5px;background-color:#ffffff">
<table border="0" cellpadding="0" cellspacing="0" style="font-family:Verdana;font-size:12px" align="center"><tr><td rowspan="2" style="text-align:center;vertical-align:middle">Смешанное число:  </td><td width="25" rowspan="2" style="text-align:center;vertical-align:middle"><input type="text" style="width:25px;height:15px;text-align:right;border:1px dotted #999999;padding:2px" name="celoe" value="1" tabindex="1"></td><td width="15" style="text-align:center;vertical-align:middle;border-bottom:1px solid #000000"><input type="text" style="width:20px;height:15px;text-align:center;border:1px dotted #999999;border-bottom:0px;padding:2px" name="chisl" value="2" tabindex="1"></td><td rowspan="2" style="text-align:center;vertical-align:middle" valign="middle">   Перевести   <input type="submit" value=">>" tabindex="4" style="border:1px solid #cccccc;background-color:#eeeeee"></td></tr><tr><td style="text-align:center;vertical-align:middle"><input type="text" style="width:20px;height:15px;text-align:center;border:1px dotted #999999;border-top:0px;padding:2px" name="znam" value="3" tabindex="3"></td></tr></table></div>
</td></tr>
<tr>
<td>
<div style="border:1px solid #0459c6;width:425px;padding:5px;border-top:0px;font-family:Verdana;font-size:10px;background-color:#f8f8f8;height:13px">
<div style="float:left"><a href="http://mathonline.um-razum.ru/widgets/drobi-i-vse-chto-s-nimi-svjazano/perevod-smeshannogo-chisla-v-nepravilnuju-drob.html" style="color:#000; text-decoration:none" target="_blank">Установить такой виджет себе на сайт</a></div>
<div style="float:right">© <a href="http://mathonline.um-razum.ru" style="color:#000; text-decoration:none" target="_blank">MathOnline.um-razum.ru</a></div>
</div>
</td>
</tr>
</table>
</form></center>