nicht angemeldet
8X8 Tabelle
Für jede zelle eine quadratische Form angeben und zwei verschieden css-definitionen machen, eine für schwarz und eine für weiss....td{
height: 50px;
width: 50px;
}black{
...
}white{
...
}
Habs jetzt gemacht aber ich habe noch einen fehler und zwar werden die Quadrate untereinander angezeigt und es sieht nicht gerade wie ein schachbrett aus.
Hier mal der Code
<html lang="de-de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Demo</title>
<style type="text/css">
body {
background-color: gray; }
#wrap {
margin:auto 20px;
width: 50px; }
td {
width: 100px;
height: 100px; }
.schwarz {
background-color: #000000;
width: 100px;
height: 100px; }
.weiss {
background-color: #ffffff;
width: 100px;
height: 100px; }
</style>
</head>
<body>
<div id="wrap">
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div>
</div>
</body>
</html>
Im Prinzip sieht es so aus
Schwarz
Weiß
Schwarz
Weiß
Schwarz
Weiß
usw
aber es sollte doch eigentlich so sein
Schwarz Weiß Schwarz Weiß Schwarz
Weiß Schwarz Weiß Schwarz Weiß
Schwarz Weiß Schwarz Weiß Schwarz
Weiß Schwarz Weiß Schwarz Weiß
Schwarz Weiß Schwarz Weiß Schwarz
Noch jemand eine Idee?
PS Danke schonmal an alle die geholfen haben ;)
Struppi