Abschnittsübersicht

Kursübersicht

    • Tabellen "hübscher" machen:

      Wechselt man mit <> in den HTML-Modus und ergänzt dort wo der Tabe-Tag steht class="table table-hover" so wird durch table die das Layout der Tabelle angepasst und über table-hover ändert sich die Tabellenzeilenhintergrundfarbe beim Überfahren mit der Maus.
      Audio-Datei mir der MoodleApp aufgenommen:

      ohne class="...
      1. Summand 2. Summand Summe
      5 6 11
      3 4 7



      mit table table-hover
      1. Summand 2. Summand Summe
      5 6 11
      3 4 7
      Quellcode:

      <table class="table table-hover">
          <caption>mit table table-hover</caption>
          <thead>
              <tr>
                  <th>1. Summand</th>
                  <th>2. Summand</th>
                  <th>Summe</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>5</td>
                  <td>6</td>
                  <td>11</td>
              </tr>
              <tr>
                  <td>3</td>
                  <td>4</td>
                  <td>7</td>
              </tr>
          </tbody>
      </table>