• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle hat innnen keinen Rahmen

Status
Für weitere Antworten geschlossen.

Geltos

Mitglied
Trotz dass ich

Code:
table#maintable {
    table-layout:fixed;
    width:700;
    border:dotted;
    border:1px;
    
}
in meiner CSS Datei habe, wird der Rahmen der Tabelle nur außenrum angezeigt.

Ich will jedoch, dass auch zwischen meiner Tabelle ein Rahmen ist, also die einzelnen Kammern trennt.

Meine Tabelle sieht folgendermaßen aus:

HTML:
<table id="maintable">

  <tr>

    <th width="500"><h2>asfasf</h2></th>

    <th width="200"><h2>asdfasdf</h2></th>

  </tr>

  <tr>

    <td>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </td>

    <td>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </td>

  </tr>

</table>
 
Ergänze mal dein CSS wie folgt:
Code:
table#maintable {
    table-layout:fixed;
    width:700[COLOR=Red]px[/COLOR];
    border:dotted;
    border:1px;
    
}
[COLOR=Red]td,th {
  border: solid 1px #000000;
}
[/COLOR]
 
Code:
table#maintable {
    table-layout:fixed;
    width:700px;
    [B][COLOR="Red"]border:dotted;
    border:1px;  [/COLOR][/B]
}
Das dürfte so eigentlich auch nicht funktionieren. Das macht man entweder so:
Code:
border:dotted 1px #000;
oder so:
Code:
border-style:dotted;
border-width:1px;
border-color:#000;

EDIT:
Noch was "stilistisch wichtiges" vergessen. Entweder in den table oder in den td,th Teil (bin mir nicht genau sicher in welchen) noch folgendes rein:
Code:
border-collapse:collapse;
Sonst siehts im Normalfall komisch aus.
 
Code:
table#maintable {
    table-layout:fixed;
    width:700px;
    [B][COLOR=Red]border:dotted;
    border:1px;  [/COLOR][/B]
}
Das dürfte so eigentlich auch nicht funktionieren. Das macht man entweder so:
Code:
border:dotted 1px #000;
Upps, das habe ich überlesen, und auch noch genauso falsch kopiert.
Noch was "stilistisch wichtiges" vergessen. Entweder in den table oder in den td,th Teil (bin mir nicht genau sicher in welchen) noch folgendes rein:
Code:
border-collapse:collapse;
Sonst siehts im Normalfall komisch aus.
Naja, Geschacksache. Gehört jedenfalls in table .
border-collapse:separate = Zellenrahmen nicht zusammen (Normalzustand)
border-collapse:collapse = Zellenrahmen zusammen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben