Frage Tabellen miteinander verknüpfen?!

mbuchegg · 9 November 2017

Hi Leute.

Ich hab Tabellen auf meiner Seite, die die selbe Struktur haben - also die selben Spalten. Es sind also nur die Inhalte unterschiedlich.

Da ne Tabelle ohne fixierten Spaltenbreiten ja automatisch, halbwegs vernünftige Breiten anstrebt, die quasi immer vernünftig erscheinen, will ich die Spaltenbreite eigentlich nicht fixieren. Da die Tabellen allerdings untereinander sind, bekommt in jeder Tabelle die Spaltenbreite eine andere Größe.

Gibt es eine Möglichkeit diese automatische Schaltenbreite über mehrere Tabellen erstellen zu lassen?

Um das visuell zu machen...

CD 1
Titel Interpreten Dauer

CD 2
Titel Interpreten Dauer

Und da sind die Spalten natürlich unterschiedlich, weil jede Tabelle, je nach Länge der Titel und Iterpreten eine andere Breite wählt. Wenn ich das aber fixiere, dann funktioniert das noch schlechter.

lg M.

djheke · 12 November 2017

So vielleicht?!

Code:

<!DOCTYPE html>
<html><head>

<title>Tabelle </title>
<style type="text/css">

* {
 margin:0;
 padding:0;
}

table {
 margin:20px;
 /*border-collapse: collapse;*/
 empty-cells:hide;
}

td , th {
 padding:5px;
 border:1px solid #000;
 text-align:left;
}

/* Wird nur in Verbindung mit border-collapse:collape; benötigt */
tr:nth-child(4n+4) th {
 border:none;
 padding:10px;
}

tr:nth-child(4n+1) {
 background:#ddd;
}

tr:nth-child(4n+2) {
 background:#eee;
}

td:nth-child(1n+3) {
 text-align:right;
}

</style>
</head>
<body>
<table>
   <tr>
   <th colspan="3">Highway to hell</th>
  </tr>
  <tr>
  <th>Titel</th>  
   <th>Interpret</th>  
   <th>Dauer</th>
  </tr>
  <tr>
   <td>Highway to Hell</td>  
   <td>AC DC</td>  
   <td>3:38</td>
  </tr>

 <tr>
  <th></th>
 </tr>
 <tr>
  <th colspan="3">The Razors Edge</th>
 </tr>
 <tr>
   <th>Titel</th>  
   <th>Interpret</th>  
   <th>Dauer</th>
 </tr>
 <tr>
   <td>Thunderstruck</td>  
   <td>AC DC</td>  
   <td>5:24</td>
 </tr>
 <tr>
  <th></th>
 </tr>
 <tr>
  <th colspan="3">Ballbreaker</th>
 </tr>
 <tr>
   <th>Titel</th>  
   <th>Interpret</th>  
   <th>Dauer</th>
 </tr>
 <tr>
   <td>Whiskey on the Rocks</td>  
   <td>AC DC</td>  
   <td>4:40</td>
 </tr>

 <tr>
  <th></th>
 </tr>
 <tr>
  <th colspan="3">Who Made Who</th>
 </tr>
 <tr>
   <th>Titel</th>  
   <th>Interpret</th>  
   <th>Dauer</th>
 </tr>
 <tr>
   <td>Who Made Who</td>  
   <td>AC DC</td>  
   <td>4:12</td>
 </tr>

</table>
</body></html>

Frage Tabellen miteinander verknüpfen?!

mbuchegg

Neues Mitglied

djheke

Aktives Mitglied

Neueste Beiträge