Matthias Scharwies: Tabellenzeilen mit Rand

Beitrag lesen

Servus!

Hi,

ich erstelle gerade eine Tabelle und benötige zwischen manchen Zeilen eine Linie als Trenner. Wie mache ich das?

Wie @TS bereits sagte, wenn Du tabellarische Daten hast, kannst du eine HTML-Tabelle verwenden und den Tabellenzellen einen Rand geben. Z.B. so:

<style>
  table, th, td { 
    border: 1px solid;
    border-collapse: collapse; 
  }
</style> 
</head>
<body>
    <table>
      <caption>Zusammenfallende Rahmen</caption>
      <tbody>
        <tr>
          <td>Feld 1</td>  
          <td>Feld 2</td>  
          <td>Feld 3</td>  
        </tr>
        <tr>
          <td>Feld 4</td>  
          <td>Feld 5</td>  
          <td>Feld 6</td>  
        </tr>
      </tbody>
    </table>

Einer Reihe class="summe" könntest du dann einen breiteren, oberen Rand geben:

table tr.summe {
  border-top: 2px solid red;
}

Wenn es aber eine normale Seite mit Bildern wäre, würde ich diese eher mit grid positionieren

Herzliche Grüße

Matthias Scharwies

--
"I don’t make typos. I make new words."