[HTML-Tabellen] Dünnen Tabellenrahmen

[Querulant]

Hallo,
ich komm einfahc bei einer Tabelle nicht weiter. Ich möchte als Rahmen feine Haarlinien haben, etwa wie auf https://de.wikipedia.org/wiki/Geschwindigkeitsindex aber ich bekomms nicht hin.Habe zwar schon nach Lösungen gegoogelt, aber entweder verstehe ich die nicht richtig oder ich mach etwas falsch... :/

Könnt ihr mir helfen? Geht um folgende Tabelle:

 <table width="599"  border="1" cellspacing="1" cellpadding="0" bgcolor="#ffffff">
        <tr>
          <td width="153">Symbol</td>
          <td width="24">A1</td>
          <td width="24">A2</td>
          <td width="24">A3</td>
          <td width="24">A4</td>
          <td width="24">A5</td>
          <td width="24">A6</td>
          <td width="24">A7</td>
          <td width="24">A8</td>
          <td width="24">B</td>
          <td width="24">C</td>
          <td width="24">D</td>
          <td width="24">E</td>
          <td width="24">F</td>
          <td width="24">G</td>
          <td width="24">J</td>
          <td width="24">K</td>
        </tr>
        <tr>
          <td>Geschwindigkeit (km/h) </td>
          <td>5</td>
          <td>10</td>
          <td>15</td>
          <td>20</td>
          <td>25</td>
          <td>30</td>
          <td>35</td>
          <td>40</td>
          <td>50</td>
          <td>60</td>
          <td>65</td>
          <td>70</td>
          <td>80</td>
          <td>90</td>
          <td>100</td>
          <td>110</td>
        </tr>
      </table>

Danke & Gruss
Andre

 

[wahnsinn]

Mit HTML alleine bist du ziemlich eingeschränkt, wass das Tabellen-Layout betrifft. CSS macht's aber möglich.

 

[Querulant]

Mit HTML alleine bist du ziemlich eingeschränkt, wass das Tabellen-Layout betrifft. CSS macht's aber möglich.

Und mit CSS steh ich auf dem Kriegsfuß

Werds mir nochmal ansehen, danke

 

[Darklord]

Hier ein kleiner Denkanstoß von Wiki:

.table {
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
empty-cells:show;
margin:1em 1em 1em 0;
}

<table class="table">[...]

 

[Querulant]

Hallo,
hat mir bereits sehr geholfen, habs bisschen umgeändert, nun klappts auch soweit, nur leider wird nur die Tabelle der Außenrahmen dünn dargestellt, die einzelnen Spalten/Zellen sollen ja auch dünn dargestellt werden (werden momentan gar nicht dargestellt^^)

Gruss Andre

 

[wahnsinn]

Du musst den CSS-border nicht auf die Tabelle anwenden, sondern auf die Tabellenzellen. Also nicht auf die table, sondern alle auf alle td.

Außerdem solltest du dann der table noch folgendes CSS mitgeben:

border-collapse: collapse;

Dann werden zwei benachbarte Zellen-Rahmen nicht nebeneinander dargestellt, sondern zu einem verschmolzen. Beispiel

 

[emem]

Gute tipps hier
google brachte mich mal wieder zurück zu klamm
Bin jetzt auch komplett auf CSS umgestiegen und lager so ziemlich alles aus, was geht. klappt super