Martin_Online: Tabellen erlaubt in RWD?

Beitrag lesen

Schau mal, ob dieses eine Option ist

  
  
   <table>  
     <tr>  
       <th>Rechnungsnummer</th><th>Rechnungsdatum</th><th>Rechnungshöhe</th><th>Status</th>  
     </tr>  
     <tr>  
       <td><a href="#">123456789</a></td><td>14.06.2014</td><td>12,50 €</td>  
       <td>bezahlt</td>  
     </tr>  
     <tr>  
        <td><a href="#">101112131415</a></td><td>14.05.2014</td><td>12,50 €</td>  
        <td>offen</td>  
     </tr>  
   </table>  

  
 table {  
    border-collapse: collapse;  
 }  
 td {  
    padding: 10px;  
 }  
  
@media only screen and (max-width: 600px) {  
table, td, tr {  
 display: block;  
}  
th {  
  position: absolute;  
  top: -9999px;  
  left: -9999px;  
}  
tr {  
  border: 1px solid #ddd;  
}  
td {  
  border: none;  
  border-bottom: 1px solid #eee;  
  position: relative;  
  padding-left: 30%;  
}  
td:before {  
  position: absolute;  
  top: 10px;  
  left: 3px;  
  width: 30%;  
}  
  td:nth-of-type(1):before { content: "Re. Nr.:"; }  
  td:nth-of-type(2):before { content: "Re. Datum"; }  
  td:nth-of-type(3):before { content: "Re. Höhe"; }  
  td:nth-of-type(4):before { content: "Re. Status"; }  
}  

Frag mal an deiner Uni einen zweiten Dozenten glaub mir, du wirst zwei verschiedene Meinungen haben. Und glaub mir auch, dass viele Dozenten keine Ahnung haben was draußen sich abspielt. Einmal gelernt, nie wieder weitergebildet.

0 67

Tabellen erlaubt in RWD?

Yael
  • html
  1. 0
    Der Martin
    1. 0
      Yael
      1. 0
        Der Martin
        1. 0
          Yael
    2. 1
      Gunnar Bittersmann
      1. 0
        Matthias Apsel
  2. 0
    MrMurphy
    1. 2
      Der Martin
    2. 1
      tk
    3. 0
      Yael
      1. 1
        Gunnar Bittersmann
      2. 0

        Beispiel

        MrMurphy
        1. 0
          M.
        2. 0
          Yael
          1. 0
            MrMurphy
            1. 0
              Yael
              1. 0

                Beispiel ohne pdf-Symbol

                MrMurphy
                1. 1
                  Gunnar Bittersmann
                2. 0
                  Yael
                  1. 0
                    M.
                  2. 0

                    Firefox-Bug

                    MrMurphy
                    1. 0

                      Firefox-Bug und Klassen (class)

                      Bug beseitigt
                      1. 2
                        Gunnar Bittersmann
                3. 1
                  M.
                  1. 0
                    Der Martin
                    1. 0
                      M.
            2. 1
              Linksetzerlily
              1. 0

                Was ist an den Links konkret?

                MrMurphy
                1. 1
                  M.
                2. 1
                  molily
                3. 1
                  Matthias Apsel
          2. 3
            Gunnar Bittersmann
            1. 0
              M.
              1. 0
                Yael
                1. 2
                  Gunnar Bittersmann
                2. 2
                  M.
                3. 4

                  Tabellen

                  molily
                  • barrierefreiheit
        3. 2
          Gunnar Bittersmann
    4. 0
      Mitleser
    5. 0
      molily
    6. 1
      Klawischnigg
      1. 0
        molily
    7. 0
      M.
      1. 0
        Matthias Apsel
        1. 0
          M.
  3. 0
    Gunnar Bittersmann
    1. 0
      Yael
      1. 0
        Gunnar Bittersmann
  4. 0
    molily
  5. 0
    Encoder
  6. 0
    M.
    1. 0
      Der Martin
  7. 0
    Martin_Online
  8. 0

    Ist dieses HTML richtig für eine Tabelle?

    Yael
    1. 0
      Gunnar Bittersmann
      1. 0
        Yael
        1. 0
          Gunnar Bittersmann
        2. 0
          Der Martin
      2. 0
        Tom
        1. 0
          Matthias Apsel
          1. 0
            Tom
            1. 0
              Der Martin
        2. 0
          Gunnar Bittersmann
          1. 0

            TM (TM allein war zu kurz)

            Matthias Apsel
            • menschelei
    2. 0
      molily
      1. 1
        Matthias Apsel