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

Tabelle Border wird nicht angezeigt?

A

Adroxxx

Neues Mitglied
Hallo,

Ich habe eine Tabelle, wo der Rand von den Zellen nicht angezeigt wird. Im Dreamweaver bei der Vorschau wird der Rand angezeigt, aber sobald ich die Datei im Browser teste, gibts keinen Rand.

Hier mein Code:
HTML: 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<style type="text/css">

#inhalt {
    font-family: "Comic Sans MS", cursive;
    font-size: 16px;
    color: #039;
    text-align:left;
    vertical-align: text-top;
    font-size: 18px;
    width:187px;
    border:thin;
    border-color:#CCC;
}

#jahr {
    width:130px;
    text-align:center;
    vertical-align:middle;
    font-size: 16px;
    font-family: "Comic Sans MS", cursive;
    color: #039;
    border:thin;
    border-color:#CCC;
}

#land{
    width:118px;
    text-align:center;
    vertical-align:middle;
    border:thin;
    border-color:#CCC;
    font-size: 16px;
    font-family: "Comic Sans MS", cursive;
    color: #039;
}

#table {
    background-color: #000;
    border-radius: 10px;
    border:medium solid #FF0;
    width: 457px;
    margin-left:10px;
    vertical-align: text-top;    
}
</style>



<body bgcolor="#FF0000">

<table id="table">
<tbody>

<tr>
<td id="inhalt">Känguru</td>
<td id="jahr">1876</td>
<td id="land">Australien</td>
</tr>

<tr>
<td id="inhalt">Känguru</td>
<td id="jahr">1876</td>
<td id="land">Australien</td>
</tr>

<tr>
<td id="inhalt">Känguru</td>
<td id="jahr">1876</td>
<td id="land">Australien</td>
</tr>

<tr>
<td id="inhalt">Känguru</td>
<td id="jahr">1876</td>
<td id="land">Australien</td>
</tr>

</tbody>
</table>

</body>
</html>

Kann mir jemand sagen, welchen Fehler ich drin habe? Bin Anfänger ^^

Gruß
 
Du musst entweder alle drei border-Eigenschaften angeben:
Code: 
border-style: solid;
border-color: #ccc;
border-width: thin;
bzw:
Code: 
border: #ccc solid thin;
 
Uh, eine klitzekleine Frage noch ^^

Hab das hinzugefügt, damit nur der obere Rand angezeigt wird.
HTML: 
border-top:1px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    border-color:#CCC;
    border-style: solid;

Jetzt ist da aber immer ein kleiner Zwischenraum zwischen den Rändern bei jeder Spalte.. gibts da ne Möglichkeit, dass das aussieht wie eine ganze Linie?
5f0in4.jpg
 
Huh, da tut sich gar nichts :o

Hab auch 0px; probiert

EDIT:

Habs gelöst, border-collapse:collapse; hilft.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben