codice:<head> <link href="style.css" hreflang="it" type="text/css" rel="stylesheet"> </head> <body bgcolor="#F4F4F4"> <div id="header"> <div id="content"> <!-- THE FOLLOWING TABLE HAS TO BE A CHESSBOARD --> <table id="scacchiera" width="1200px" height="400px" border="1" cellpadding="0" cellspacing="0" align="center" > <caption> PARTITA UNO </caption> <tr> <td bgcolor="#E9E3E3" align="center" id="a8" class="casa"><font size="6">♜</font></td> <td bgcolor="#C8BFBF" align="center" id="b8" class="casa"><font size="6">♞</font></td> <td bgcolor="#E9E3E3" align="center" id="c8" class="casa"><font size="6">♝</font></td> <td bgcolor="#C8BFBF" align="center" id="d8" class="casa"><font size="6">♛</font></td> <td bgcolor="#E9E3E3" align="center" id="e8" class="casa"><font size="6">♚</font></td> <td bgcolor="#C8BFBF" align="center" id="f8" class="casa"><font size="6">♝</font></td> <td bgcolor="#E9E3E3" align="center" id="g8" class="casa"><font size="6">♞</font></td> <td bgcolor="#C8BFBF" align="center" id="h8" class="casa"><font size="6">♜</font></td> <td bgcolor="#DEE9E1" rowspan="8" width="400px" id="commento" class="commento"></td> <td bgcolor="#F4F4F4" rowspan="8" width="400px"> <div> <button onclick="uno()">FIRST MOVES</button> <button onclick="due()">SECOND COUPLE OF MOVES</button> </div> </td> </tr> <tr><tr><tr><tr><tr><tr><tr></table> <script> function uno() { var x = document.getElementById("e2"); x.innerHTML = ""; var x = document.getElementById("e4"); x.innerHTML = "♙"; var x = document.getElementById("e7"); x.innerHTML = ""; var x = document.getElementById("e5"); x.innerHTML = "♟"; }; </script> <script> function due() { var x = document.getElementById("g1"); x.innerHTML = ""; var x = document.getElementById("f3"); x.innerHTML = "♘"; var x = document.getElementById("b8"); x.innerHTML = ""; var x = document.getElementById("c6"); x.innerHTML = "♞"; var x = document.getElementById("commento"); x.innerHTML = "Il Bianco ha il vantaggio del tratto."; }); </script> </div> </body> <!-- FOGLIO DI STILE --> body{ color: #153C1D; text-align: justify; padding: 200px 0 0 0; } #content { padding: 30 0 0 0; } #header { overflow:auto; width: 100%; height: 290px; position: fixed; top: 0; left: 0; } a { color: green; text-decoration: none; } a:hover { color:green; } a:visited { color:green; } a:active{ color:green; } #menu { font-size: 13px; font-weight: bolder; color:green; text-decoration:none; display:inline-block; list-style-type:none; margin: 5px; } ul#menu { list-style: none; } ul#menu li { float: left; display: block; } #menu li { padding: 10px; font-weight: bold; } #menu li a:hover{ color: black; border-bottom: 5px solid black; font-weight: bold; } #title { font-size:25px; color:white; font-weight:bolder; text-shadow: -2pt 2pt 2pt black ; } #scacchiera { border-collapse: collapse; } .casa { font-size: 32px; } .commento { margin: 5px; text-align: center;; }
Rispondi quotando