Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
table {
border: 1px solid #ccc;
}
.black {
width: 80px;
height: 80px;
background: #000;
}
.white {
width: 80px;
height: 80px;
background: #fff;
}
<table>
<tr>
<td class="black">
</td>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
</td>
</tr>
<tr>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
</td>
<td class="black">
</td>
<td class="white">
<td class="black">
</td>
</td>
</tr>
</table>
Ein Mühle-/Schachbrett besteht aus 64 Feldern.
HTML ist nur für das Auszeichnen des Inhaltes zuständig, nicht für irgendwelche Darstellungen...
Ich denke das ist eher der falsche Weg den du gehst..am besten wäre es wenn du ersteinmal eine Grafik erstellst und dann anschließend Listenpunkte frei positionierst auf den Feld...so könnte ich e smir zumindest vorstellen.
Du verwechselst Mühle mit Dame...
M.E. sind da Listenpunkte auch nicht richtig, da es keine Liste gibt.
Darf man fragen, was der Unfug werden soll?es darf weder ein bild sien noch das es was anderes sein ausser HTML
<table cellspacing="0" class="table1">
<tr>
<td class="td1">
</td>
<td class="td1">
</td>
</tr>
<tr>
<td class="td1">
</td>
<td class="td1">
</td>
</tr>
</table>
<table class="table2">
<tr>
<td class="td2">
</td>
<td class="td2">
</td>
</tr>
<tr>
<td class="td2">
</td>
<td class="td2">
</td>
</tr>
</table>
<table class="table3">
<tr>
<td class="td3">
</td>
</tr>
</table>
.table1 {
border: 1px solid #000;
position: relative;
}
.table2 {
border: 4px solid #000;
position: absolute;
top: 158px;
left: 158px;
}
.table3 {
border: 4px solid #000;
position: absolute;
top: 277px;
left: 273px;
}
.td1 {
border: 2px solid #000;
width: 300px;
height: 300px;
}
.td2 {
width: 150px;
height: 150px;
}
.td3 {
width: 75px;
height: 75px;
}
<style type="text/css">
.table1 {
border: 1px solid #000;
position: relative;
}
.table2 {
border: 4px solid #000;
position: absolute;
top: 158px;
left: 158px;
}
.table3 {
border: 4px solid #000;
position: absolute;
top: 277px;
left: 273px;
}
.td1 {
border: 2px solid #000;
width: 300px;
height: 300px;
}
.td2 {
width: 150px;
height: 150px;
}
.td3 {
width: 75px;
height: 75px;
}
</style>