komplette Tabellenzeile verlinken

[marctrix]

Hej Meowsalot,

☞ Codepen

danke dein Beispiel. Lässt sich dieses auch so umbauen dass ich nicht alle Zellen (von links nach rechts) verlinkt bekomme sondern es soll sich nur um eine handeln.

Das geht mit CSS:

HTML:

<table>
  <tr>
    <td>
      <a href="#">foo</a>
    </td>
    <td>
      <a href="#">
        foo<br>
        möp
     </a>
    </td>
  </tr>
</table>

CSS:

tr, td {
  display: flex;
  justify-content: stretch;
}

td a {background:#ffa;}

Grid geht auch. Ist die Frage, ob das unbedingt sinnvoll ist, aus einer Tabelle Flexboxen oder ein Grid zu machen. Manchmal kann das sogar andere Probleme beseitigen, manchmal zusätzliche erzeugen.

So hast du beispielsweise die Möglichkeit, die Daten für z.B. Smartphones neu anzuordnen…

Marc