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

Html Tabelle??

Werbung:
den code könnte man auf klopapier drucken, dann hätte er wenigstens einen sinn...

Nils aka XraYSoLo
 
kein Rahmen geht natürlich auch:

Code: 
<td style="border-left: none;">Zellinhalt</td>

oder generell (überall keine Rahmen:
Code: 
<td style="border: none;">Zellinhalt</td>
 
Werbung:
Eine Tabelle
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>
css:
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:
Werbung:
Was bastelst du denn noch an dem Beispiel von neuroleptika rum, das ist doch quasi fertig.

Welche Striche willst du da entfernen?
 
Werbung:
Werbung:
King54 schrieb:
externe datei ? also neues html öffnen und den dort ein fügen
Zum Vergrößern anklicken....
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.
 
Werbung:
Dann änder die Hintergrundeigenschaft für body im CSS von darkgray auf black und der Tabelle gibst du einen weißen Hintergrund.
Code: 
table {background-color: white;}
 
Werbung:
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?
 
King54 schrieb:
... oder mach ich etwas falsch das ich seine variation als 6x6 tabelle sehe ???
Zum Vergrößern anklicken....
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">
Border="1" erzeugt im <table> ein Gitternetz aus Rahmen.
Entferne dieses Attribut.

Wofür sollst du das denn machen?

http://css-spalten.red-rod.net/test/muehle.htm
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben