Tabellen-Linien

[Lumumba]

Hallo

Ich baue gerade eine Tabelle über css und Dreamweaver CS6.

Dieser Tabelle habe ich über das td- und th-Tag einen Rahmen zugewiesen.
Nun sieht der Rahmen allerdings "sehr hässlich" aus, da er um jedes td eine separate Linie hat.

Ich habe schon so einiges probiert (border:collapse oder border-spacing mit -1) aber nichts passiert.

wie bekomme ich es hin, dass ich eine saubere durchgezogen Linie - wie in einer normalen Tabelle - zwischen den td- und th-Elementen zeichnen kann. Geht das überhaupt?

Danke und Merry Xmas an alle

[Matthias Apsel]

Om nah hoo pez nyeetz, Lumumba!

Ich habe schon so einiges probiert (border:collapse oder border-spacing mit -1) aber nichts passiert.

Man sollte nicht irgendwelche Kombinationen probieren ...

wie bekomme ich es hin, dass ich eine saubere durchgezogen Linie - wie in einer normalen Tabelle - zwischen den td- und th-Elementen zeichnen kann.

... sondern nachschlagen, welche Eigenschaften und deren Werte die richtigen sind.

Matthias

[Gregorius]

Hallo Lumumba,

spiel einmal mit diesen Ergebnis herum:

#test table {
  background-color: #25002B;
  border-collapse: collapse;
}
#test td {
  border: 1px solid #C09294;
  padding: 6px 8px;
  color: #F3CDD8;
}

<div id="test">
  <table>
   <tr>
     <td>100</td><td>100:100</td><td>-58</td><td>0</td><td>0</td>
   </tr>
   <tr>
     <td>100</td><td>100:100</td><td>-58</td><td>0</td><td>0</td>
   </tr>
   <tr>
     <td>100</td><td>100:100</td><td>-58</td><td>0</td><td>0</td>
   </tr>
   <tr>
     <td>100</td><td>100:100</td><td>-58</td><td>0</td><td>0</td>
   </tr>
   <tr>
     <td>100</td><td>100:100</td><td>-58</td><td>0</td><td>0</td>
   </tr>
  </table>
</div>

dir euch ein erhellendes Fest