Page tree
Skip to end of metadata
Go to start of metadata

Koodiga faili saab siin: - fail (WORD)


 Õige/vale tabel, 10 rida

<table border="0" cellpadding="10" cellspacing="3" style="width: 750px;position:relative;">

              <thead>

                            <tr>

                                          <th scope="col" style="width: 20px; text-align: center;"></th>

                                          <th scope="col" style="width: 465px; text-align: center;"><strong>Väide</strong></th>

                                          <th scope="col" style="text-align: center; width: 75px;"><strong>Õige</strong></th>

                                          <th scope="col" style="text-align: center; width: 56px;"><strong>Vale</strong></th>

                            </tr>

              </thead>

              <tbody>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>1.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="A" name="1" uitype="checkbox">(A:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="A" name="2" uitype="checkbox">(A:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>2.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="B" name="1" uitype="checkbox">(B:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="B" name="2" uitype="checkbox">(B:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>3.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="C" name="1" uitype="checkbox">(C:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="C" name="2" uitype="checkbox">(C:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>4.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="D" name="1" uitype="checkbox">(D:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="D" name="2" uitype="checkbox">(D:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>5.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="E" name="1" uitype="checkbox">(E:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="E" name="2" uitype="checkbox">(E:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>6.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="F" name="1" uitype="checkbox">(F:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="F" name="2" uitype="checkbox">(F:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>7.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="G" name="1" uitype="checkbox">(G:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="G" name="2" uitype="checkbox">(G:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>8.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="H" name="1" uitype="checkbox">(H:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="H" name="2" uitype="checkbox">(H:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>9.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="I" name="1" uitype="checkbox">(I:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="I" name="2" uitype="checkbox">(I:2)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>10.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="J" name="1" uitype="checkbox">(J:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="J" name="2" uitype="checkbox">(J:2)</span></td>

                            </tr>

              </tbody>

</table>

 Tabel nummerdatud (20 rida), no päis


<table border="0" cellpadding="7" cellspacing="3" style="width: 870px;position:relative;">

              <tbody>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>1.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>2.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>3.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>4.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>5.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>6.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>7.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>8.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>9.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>10.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>11.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>12.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>13.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>14.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>15.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>16.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>17.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>18.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>19.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>20.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                            </tr>

              </tbody>

</table>

 A/B/C TOV tabel, 10 rida


<table border="0" cellpadding="10" cellspacing="3" style="width: 750px;position:relative;">

              <thead>

                            <tr>

                                          <th scope="col" style="width: 20px; text-align: center;"></th>

                                          <th scope="col" style="width: 465px; text-align: center;"><strong>Väide</strong></th>

                                          <th scope="col" style="text-align: center; width: 75px;"><strong>Õige</strong></th>

                                          <th scope="col" style="text-align: center; width: 56px;"><strong>Vale</strong></th>

                                          <th scope="col" style="text-align: center; width: 56px;"></th>

                            </tr>

              </thead>

              <tbody>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>1.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="A" name="1" uitype="checkbox">(A:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="A" name="2" uitype="checkbox">(A:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="A" name="3" uitype="checkbox">(A:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>2.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="B" name="1" uitype="checkbox">(B:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="B" name="2" uitype="checkbox">(B:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="B" name="3" uitype="checkbox">(B:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>3.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="C" name="1" uitype="checkbox">(C:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="C" name="2" uitype="checkbox">(C:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="C" name="3" uitype="checkbox">(C:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>4.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="D" name="1" uitype="checkbox">(D:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="D" name="2" uitype="checkbox">(D:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="D" name="3" uitype="checkbox">(D:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>5.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="E" name="1" uitype="checkbox">(E:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="E" name="2" uitype="checkbox">(E:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="E" name="3" uitype="checkbox">(E:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>6.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="F" name="1" uitype="checkbox">(F:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="F" name="2" uitype="checkbox">(F:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="F" name="3" uitype="checkbox">(F:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>7.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="G" name="1" uitype="checkbox">(G:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="G" name="2" uitype="checkbox">(G:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="G" name="3" uitype="checkbox">(G:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>8.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="H" name="1" uitype="checkbox">(H:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="H" name="2" uitype="checkbox">(H:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="H" name="3" uitype="checkbox">(H:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>9.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="I" name="1" uitype="checkbox">(I:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="I" name="2" uitype="checkbox">(I:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="I" name="3" uitype="checkbox">(I:3)</span></td>

                            </tr>

                            <tr>

                                          <td style="width: 20px; background-color: rgb(249, 247, 247); text-align: center;"><strong>10.</strong></td>

                                          <td style="width: 465px; background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 75px;"><span class="hottext" group="J" name="1" uitype="checkbox">(J:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="J" name="2" uitype="checkbox">(J:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; width: 56px;"><span class="hottext" group="J" name="3" uitype="checkbox">(J:3)</span></td>

                            </tr>

              </tbody>

</table>

 A/B/C/D TOV tabel, 10 rida


<table border="0" cellpadding="5" cellspacing="3" style="width: 750px;position:relative;">

              <thead>

                            <tr>

                                          <th scope="col" style="text-align: center; width: 20px;"></th>

                                          <th scope="col" style=" text-align: center;"></th>

                                          <th scope="col" style=" text-align: center;"></th>

                                          <th scope="col" style="text-align: center; "></th>

                                          <th scope="col" style="text-align: center; "></th>

                                          <th scope="col" style="text-align: center; "></th>

                            </tr>

              </thead>

              <tbody>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>1.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="1" uitype="checkbox">(A:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="2" uitype="checkbox">(A:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="3" uitype="checkbox">(A:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="4" uitype="checkbox">(A:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>2.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="1" uitype="checkbox">(B:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="2" uitype="checkbox">(B:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="3" uitype="checkbox">(B:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="4" uitype="checkbox">(B:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>3.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="1" uitype="checkbox">(C:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="2" uitype="checkbox">(C:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="3" uitype="checkbox">(C:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="4" uitype="checkbox">(C:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>4.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="1" uitype="checkbox">(D:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="2" uitype="checkbox">(D:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="3" uitype="checkbox">(D:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="4" uitype="checkbox">(D:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>5.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="1" uitype="checkbox">(E:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="2" uitype="checkbox">(E:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="3" uitype="checkbox">(E:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="4" uitype="checkbox">(E:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>6.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="1" uitype="checkbox">(F:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="2" uitype="checkbox">(F:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="3" uitype="checkbox">(F:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="4" uitype="checkbox">(F:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>7.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="1" uitype="checkbox">(G:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="2" uitype="checkbox">(G:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="3" uitype="checkbox">(G:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="4" uitype="checkbox">(G:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>8.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="1" uitype="checkbox">(H:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="2" uitype="checkbox">(H:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="3" uitype="checkbox">(H:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="4" uitype="checkbox">(H:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>9.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="1" uitype="checkbox">(I:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="2" uitype="checkbox">(I:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="3" uitype="checkbox">(I:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="4" uitype="checkbox">(I:4)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>10.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247);"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="1" uitype="checkbox">(J:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="2" uitype="checkbox">(J:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="3" uitype="checkbox">(J:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="4" uitype="checkbox">(J:4)</span></td>

                            </tr>

              </tbody>

</table>

 A/B/C/D/E TOV tabel, 10 rida


<table border="0" cellpadding="5" cellspacing="3" style="width: 750px;position:relative;">

              <thead>

                            <tr>

                                          <th scope="col" style="text-align: center; width: 20px;"></th>

                                          <th scope="col" style="text-align: center; width: 20px;"></th>

                                          <th scope="col" style=" text-align: center;"></th>

                                          <th scope="col" style="text-align: center; "></th>

                                          <th scope="col" style="text-align: center; "></th>

                                          <th scope="col" style="text-align: center; "></th>

                                          <th scope="col" style="text-align: center; "></th>

                            </tr>

              </thead>

              <tbody>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>1.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="1" uitype="checkbox">(A:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="2" uitype="checkbox">(A:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="3" uitype="checkbox">(A:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="4" uitype="checkbox">(A:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="A" name="5" uitype="checkbox">(A:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>2.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="1" uitype="checkbox">(B:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="2" uitype="checkbox">(B:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="3" uitype="checkbox">(B:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="4" uitype="checkbox">(B:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="B" name="5" uitype="checkbox">(B:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>3.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="1" uitype="checkbox">(C:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="2" uitype="checkbox">(C:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="3" uitype="checkbox">(C:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="4" uitype="checkbox">(C:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="C" name="5" uitype="checkbox">(C:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>4.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="1" uitype="checkbox">(D:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="2" uitype="checkbox">(D:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="3" uitype="checkbox">(D:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="4" uitype="checkbox">(D:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="D" name="5" uitype="checkbox">(D:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>5.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="1" uitype="checkbox">(E:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="2" uitype="checkbox">(E:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="3" uitype="checkbox">(E:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="4" uitype="checkbox">(E:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="E" name="5" uitype="checkbox">(E:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>6.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="1" uitype="checkbox">(F:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="2" uitype="checkbox">(F:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="3" uitype="checkbox">(F:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="4" uitype="checkbox">(F:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="F" name="5" uitype="checkbox">(F:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>7.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="1" uitype="checkbox">(G:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="2" uitype="checkbox">(G:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="3" uitype="checkbox">(G:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="4" uitype="checkbox">(G:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="G" name="5" uitype="checkbox">(G:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>8.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="1" uitype="checkbox">(H:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="2" uitype="checkbox">(H:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="3" uitype="checkbox">(H:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="4" uitype="checkbox">(H:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="H" name="5" uitype="checkbox">(H:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>9.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="1" uitype="checkbox">(I:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="2" uitype="checkbox">(I:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="3" uitype="checkbox">(I:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="4" uitype="checkbox">(I:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="I" name="5" uitype="checkbox">(I:5)</span></td>

                            </tr>

                            <tr>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"><strong>10.</strong></td>

                                          <td style=" background-color: rgb(249, 247, 247); text-align: center;"></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="1" uitype="checkbox">(J:1)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="2" uitype="checkbox">(J:2)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="3" uitype="checkbox">(J:3)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="4" uitype="checkbox">(J:4)</span></td>

                                          <td style="background-color: rgb(249, 247, 247); text-align: center; "><span class="hottext" group="J" name="5" uitype="checkbox">(J:5)</span></td>

                            </tr>

              </tbody>

</table>

  POPUP

Marteni kood (Ahti tegi):

Lähtekoodis erinevus oli, et view(this):

<div style="position:relative;"><img alt="" onclick="view(this);" src="images/suhted_yl4.png" style="width: 500px; height: 333px;" /></div>

 

HTML päis:

<script language="JavaScript">

function view(img) {

imgsrc = $(img).attr('src');

viewwin = window.open(imgsrc,'viewwin', 'width=900,height=600');   

}

</script>


Vana kood:


<div style="position:relative;">

<div style="position:relative;">Klõpsa kaardil, et avada hüpikaknas suurem versioon<br />

<br />

<img alt="" onclick="view();" src="images/tihedus_vallad_2011_rel.png" style="width: 600px; height: 385px;" title="tihedus_vallad_2011_rel.png" /></div>

 

Päis:

<script language="JavaScript">

function view() {

imgsrc = "images/tihedus_vallad_2011_rel.png";

viewwin = window.open(imgsrc,'viewwin', 'width=900,height=578');   

}

</script>


 Skrollitav tekst


<div class="container-scroll" style="position:relative;"></div>

Päis:

<style>

.container-scroll {

    height:400px;

    width: 900px;

    overflow: auto;

    }

</style>

 Skrollitava teksti tabeli põhi


<div class="container-scroll" style="position:relative;">

<table cellpadding="10" cellspacing="3" style="width: 870px;">

              <tbody>

                            <tr>

                                          <td style="background-color: rgb(249, 247, 247); text-align: justify;">

                                          <div style="text-align: center;"><span style="line-height:1.6;"><strong>„Wikmani poisid“: otse koolipingist ajaloolise teleseriaali tegelasteks</strong></span><br />

                                           </div>

                                          <span style="line-height:1.6;"><img alt="" src="images/8.14.jpg" style="margin: 10px; float: right; width: 250px; " />XXX</span>

                                          <div style="text-align: right;"><br />

                                          <span style="line-height:1.6;"><em>Allikas: ohtuleht.ee 05.01.2008</em></span></div>

                                          </td>

                            </tr>

              </tbody>

</table>

</div>

 Suurem pangaga lünk


Päis:

<style>.empty-gap {padding: 40px 40px 40px 40px;}</style>

<style>.empty-gap {padding: 7px 175px 7px 175px;}</style>

 Position


<div style="position:relative;z-index:0;"><img alt="" src="images/lote1.png" style="width: 500px; height: 508px;" />

<div style="position: absolute; z-index: 2; top: 29px; left: 239px;">XXX</div></div>

 

Position tekstide lohistamine piltidega

<div style="position:relative;">

<div style="position:relative;z-indeks: -1;"><img alt="" src="images/m1_kast.png" style="height: 30px; width: 55px;" /></div>

 

<div style="position:absolute; z-indeks: 2; top:5px; left: 21px;">10</div>

</div>

 Vertikaalne tekst


<div class="vertical-text">XXX</div>

 HTML päis:

<style>

.vertical-text {

              transform: rotate(270deg);

              transform-origin: left top 0;

float: none;

}</style>

 Väiksemad ristsõna lüngad


<style>table.cw-table td {

width: 20px;

height: 20px;

}

table.cw-table tr {

width: 20px;

height: 20px;

}</style>

 Pangagalünk (liitsõnad)
<style>.droppable-gap {padding: 0px 0px 0px 0px; margin-right: 0px}
</style>

HTML päisega:

<style>.draggable-gap

{padding:0}

</style>
 Väike av lünk

<style>
input[type="text"] { padding:1px 0; width:10px; }
</style>

 Suunamine valikvastusega sisuplokkist

ID 16413

 Õige tabel

<div style="position:relative;">

<table cellpadding="10" cellspacing="3" style="width: 870px;">

              <tbody>

                            <tr>

                                          <td style="background-color: rgb(249, 247, 247); text-align: justify;"><span style="line-height: 1.6;">XXX</span></td>

                            </tr>

              </tbody>

</table>

</div>

 Link eraldi tab-is

<a href="http://www.eki.ee/dict/ekss/" target="_blank">„Eesti keele seletavale sõnaraamatule“</a>

 Word-spacing

<style>

   p {

    word-spacing:10px;

   }  </style>

 Metablock/center, border-bottom, rgb, note

<center><img class="metablock" src="/img/placeholder.gif" /></center>

border-bottom: 1px solid black;

rgb(249,247,247);

<a name=".+?">

←, →, ↑, ↓.

Sisuplokk, millega [P] asendatakse, on vaikimisi terve rea laiune, mistõttu ei mahu pildiga samale reale. Soovitud tulemuse saamiseks võib [P] panna sellise elemendi sisse, mis ei võta tervet rida enda alla, vaid on ka ujuv nagu pilt:
<div style="float:left"><img class="metablock" src="/img/placeholder.gif" /></div>

 

<iframe src="https://phet.colorado.edu/sims/html/resistance-in-a-wire/latest/resistance-in-a-wire_et.html " style="width: 500px; height: 300px;"></iframe>

 TOV tähete jaoks (peidetud)

<style>

.hottext-selected-bg {

    padding: 0px;

border: 0px solid #e59310;

}

.hottext-unselected {

    padding: 0px;

}  </style>

 Lünk+sõna (mitte poolitamine)

<span style="white-space:nowrap;"> <input hm0="10/0,5/1" max_pallid="" min_pallid="0" size="10" type="text" vaikimisi_pallid="0" value="B" />laevu</span>

 Nupud

Erinevate nupude näited: test 3139

Üldandmetesse: Küsimus 1: T7, Küsimus 2: T5, Küsimus 3: T5, Küsimus 4: T5

 

<style type="text/css">

/* Praeguse stiili ylekirjutused */

.togglebutton{

padding: 5px 10px;

border-radius: 20px 20px 20px 20px;

}</style>

 

Klõpsa oranžidel nuppudel (1–2) ja täida ülesanne. Nuppudel võib liikuda suvalises järjekorras, vastused jäävad alles.

Salvesta vastused alles siis, kui oled kõikidele küsimustele (1–2) vastanud.

Järgmisele küsimusele minnes enam eelmisele küsimusele tagasi minna ei saa. Nuppudel võib liikuda suvalises järjekorras, vastused jäävad alles.

<span style="color:#ff0000;position:relative;"><span style="position: relative;"><span style="line-height:1.6;">Salvesta vastused alles siis, kui oled kõikidele küsimustele (1–2) vastanud.</span></span></span>

<span style="color:#ff0000;position:relative;"><span style="position: relative;"><span style="line-height:1.6;">Salvesta vastused alles siis, kui oled kõikidele küsimustele (1–3) vastanud.</span></span></span>

 

2 tk:

<div style="position:relative;"><button class="togglebutton togglebutton-show-sp-k1 togglebutton-hide-sp-k2" contenteditable="false" type="button">Küsimus 1</button><button class="togglebutton togglebutton-show-sp-k2 togglebutton-hide-sp-k1" contenteditable="false" type="button">Küsimus 2</button></div>

3 tk:

<div style="position:relative;"><button class="togglebutton togglebutton-show-sp-k1 togglebutton-hide-sp-k2 togglebutton-hide-sp-k3" contenteditable="false" type="button">Küsimus 1</button><button class="togglebutton togglebutton-show-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3" contenteditable="false" type="button">Küsimus 2</button><button class="togglebutton togglebutton-show-sp-k3 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1" contenteditable="false" type="button">Küsimus 3</button></div>

4 tk

<div style="position:relative;"><button class="togglebutton togglebutton-show-sp-k1 togglebutton-hide-sp-k2 togglebutton-hide-sp-k3 togglebutton-hide-sp-k4" contenteditable="false" type="button">Küsimus 1</button><button class="togglebutton togglebutton-show-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3 togglebutton-hide-sp-k4" contenteditable="false" type="button">Küsimus 2</button><button class="togglebutton togglebutton-show-sp-k3 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k4" contenteditable="false" type="button">Küsimus 3</button><button class="togglebutton togglebutton-show-sp-k4 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3" contenteditable="false" type="button">Küsimus 4</button></div>

5 tk

<div style="position:relative;"><button class="togglebutton togglebutton-show-sp-k1 togglebutton-hide-sp-k2 togglebutton-hide-sp-k3 togglebutton-hide-sp-k4 togglebutton-hide-sp-k5" contenteditable="false" type="button">Küsimus 1</button><button class="togglebutton togglebutton-show-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3 togglebutton-hide-sp-k4 togglebutton-hide-sp-k5" contenteditable="false" type="button">Küsimus 2</button><button class="togglebutton togglebutton-show-sp-k3 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k4 togglebutton-hide-sp-k5" contenteditable="false" type="button">Küsimus 3</button><button class="togglebutton togglebutton-show-sp-k4 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3 togglebutton-hide-sp-k5" contenteditable="false" type="button">Küsimus 4</button><button class="togglebutton togglebutton-show-sp-k5 togglebutton-hide-sp-k2 togglebutton-hide-sp-k1 togglebutton-hide-sp-k3 togglebutton-hide-sp-k4" contenteditable="false" type="button">Küsimus 5</button></div>





  • No labels