Html Tabelle??
- Ersteller King54
- Erstellt am
neuroleptika
Aktives Mitglied
Eine Tabelle
6 Zeilen a' 6 Zellen:
css:
Zeile.Zelle = tr.td
Ein echtes Mühle-Spiel hat natürlich keine 6 * 6 = 36 Felder / Zellen.
6 Zeilen a' 6 Zellen:
HTML:
<table>
<tr>
<td>
1.1
</td>
<td>
1.2
</td>
<td class="b-right">
1.3
</td>
<td>
1.4
</td>
<td>
1.5
</td>
<td>
1.6
</td>
</tr>
<tr>
<td class="b-right">
2.1
</td>
<td class="b-top">
2.2
</td>
<td class="b-top b-right">
2.3
</td>
<td class="b-top">
2.4
</td>
<td class="b-top b-right">
2.5
</td>
<td>
2.6
</td>
</tr>
<tr>
<td class="b-right">
3.1
</td>
<td class="b-right">
3.2
</td>
<td class="b-top">
3.3
</td>
<td class="b-top b-right">
3.4
</td>
<td class="b-right">
3.5
</td>
<td>
3.6
</td>
</tr>
<tr>
<td class="b-right b-top">
4.1
</td>
<td class="b-right b-top">
4.2
</td>
<td>
4.3
</td>
<td class="b-right">
4.4
</td>
<td class="b-right b-top">
4.5
</td>
<td class="b-top">4.6</td>
</tr>
<tr>
<td class="b-right">
5.1
</td>
<td class="b-left">
5.2
</td>
<td class="b-top b-right">
5.3
</td>
<td class="b-top">
5.4
</td>
<td class="b-right">
5.5
</td>
<td>
5.6
</td>
</tr>
<tr>
<td>
6.1
</td>
<td class="b-top">
6.2
</td>
<td class="b-right b-top">
6.3
</td>
<td class="b-top">
6.4
</td>
<td class="b-top">
6.5
</td>
<td>
6.6
</td>
</table>
Code:
body {
background-color: darkgray;
font-family: arial, sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid darkred;
margin: 0 auto;
text-align: center;
}
td {
height: 3em;
width: 3em;
}
.b-right {
border-right: 2px solid darkred;
}
.b-top {
border-top: 2px solid darkred;
}Zeile.Zelle = tr.td
Ein echtes Mühle-Spiel hat natürlich keine 6 * 6 = 36 Felder / Zellen.
Zuletzt bearbeitet:
_Thor_
Aktives Mitglied
Ja glaubst du, das steht da nur zum Spass?
Natürlich gehört das dazu.
In eine externe Datei, die du dann im <head> einbindest.
_Thor_
Aktives Mitglied
In eine externe CSS-Datei.
Du erstellst eine neue Datei mit dem Namen {was auch immer du möchtest}.css, dort kommt der Code rein und in deiner .html Datei schreibst du vor dem </head>
HTML:
<link type="text/css" rel="stylesheet" media="screen, projection" href="{Name der Datei}.css" />Die geschweiften Klammern lässt du dabei natürlich weg und ersetzt sie durch den Namen, den du der Datei gegeben hast.
Alen van Dale
Neues Mitglied
Hätte da noch 'ne Idee:
Es gibt Zeichensätze die Symbole zum Zeichenen eines Mühlefeldes beinhalten:
z.B: ┌──┬──┐ (Sonderzeichen im Font Arial)
Die findest Du am schnellsten in der Zeichentabelle. Ein kleines Tool, das sich normalerweise im Ordner Programme->Zubehör->Systemprogramme findet (WinXP)
Wenn's denn unbedingt sein muß, kannst Du die Lücken zwischen den Linien mit Tabellen definieren.
Blödsinn bleibt's aber trotzdem!
Schon mal überlegt den Chef zu wechseln?
Es gibt Zeichensätze die Symbole zum Zeichenen eines Mühlefeldes beinhalten:
z.B: ┌──┬──┐ (Sonderzeichen im Font Arial)
Die findest Du am schnellsten in der Zeichentabelle. Ein kleines Tool, das sich normalerweise im Ordner Programme->Zubehör->Systemprogramme findet (WinXP)
Wenn's denn unbedingt sein muß, kannst Du die Lücken zwischen den Linien mit Tabellen definieren.
Blödsinn bleibt's aber trotzdem!
Schon mal überlegt den Chef zu wechseln?
neuroleptika
Aktives Mitglied
In deinem Beispiel hast du die Border über das html-Attribut border="1" definiert.
HTML:
<table align="center" valign="middle" border="1" width="840" height="820">Entferne dieses Attribut.
Wofür sollst du das denn machen?
http://css-spalten.red-rod.net/test/muehle.htm
