Search the Community
Showing results for tags 'centering table data'.
-
Hello & Thanks ; <!DOCTYPE html> <html> -<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8" /> <title>Debug Hillary Only</title> <!-- --> <style> #assets { height: 0px; overflow: hidden; visibility: hidden; width: 0px; } body { background-color: Black; margin: 0; overflow: hidden; padding: 0; } canvas { cursor: none; } table { color: #E1E1E1; background-color: #732222; height: 24px; width: 600px; border: none; } button {font-size: 16px;} </style> </head> <body onload="Game.start()" onresize="onScrnResize()"> <div id="table1"> <table align="center"> <tr> <td width="10%">Screen Size </td> <td id="ScreenSize" width="10%"> </td> <td width="5%"></td> <td width="10%"> Good Hits</td> <td id="GoodHitz" width="5%"> </td> <td width="8%"></td> <td width="8%"> Total Shots </td> <td id="TotalShotz" width="5%"> </td> </tr> </table> </div> <div id="canvasDiv" align="center" > <canvas id="canvas" width="600" height="450" style="background-color:#992D2D"></canvas> </div> <div id="table2" align="center" > <table align="center"> <tr align="center"> <td><button onclick="touchUpArrow()" ontouchstart="touchUpArrow()">----Throw----</button> </td> </tr> <tr align="center"> <td><button onclick="myGameArea.pause()" ontouchstart="myGameArea.pause()" >Pause</button> </td> <td><button onclick="myGameArea.play()" ontouchstart="myGameArea.play()" >Play</button> </td> <td><button onclick="clearIt()" ontouchstart="clearIt()">Clear</button> </td> <td><button onclick="quitIt()" ontouchstart="quitIt()">Quit</button> </td> </tr> </table> </div> <div id="assets" > <img id="lie02" src="sprites/lies02.png" width="64" height="64" /> <img id="cowpie" src="sprites/cowpie.png" width="32" height="32" /> <img id="thrower" src="sprites/thrower.png" width="64" height="64" /> </div> <script type='text/javascript'> // </script> </body> </html> I am Trouble with centering table data : Pls, what am I doing wrong ? Above is my code : Thanks