Q695 Posted March 26, 2009 Share Posted March 26, 2009 compass size=132X132 How do I make this compass work properly: <?php function d_button($dx, $dy){ ?> <form method="post"> <input type="hidden" name="dir_x" value="<?php echo $dx;?>"> <input type="hidden" name="dir_y" value="<?php echo $dy;?>"> <input type="image" height="44px" width="44px" onclick="submit();" src="images/invisible.gif"> </form> <?php } function direction(){ ?> <table border="0" cellpadding="0" cellspacing="0" width="132px" height="132px" background="images/compas.gif"> <tr> <td><?php d_button(-1, 1);?></td> <td><?php d_button(0, 1);?></td> <td><?php d_button(1, 1);?></td> </tr> <tr> <td><?php d_button(-1, 0);?></td> <td width="44px"><td> <td><?php d_button(1, 0);?></td> </tr> <tr> <td><?php d_button(-1, -1);?></td> <td><?php d_button(0, -1);?></td> <td><?php d_button(1, -1);?></td> </tr> </table> <?php } ?> Link to comment https://forums.phpfreaks.com/topic/151287-solved-game-compas-spacing/ Share on other sites More sharing options...
Q695 Posted March 27, 2009 Author Share Posted March 27, 2009 i guess no one has advice, so this is the wrong section. Link to comment https://forums.phpfreaks.com/topic/151287-solved-game-compas-spacing/#findComment-794890 Share on other sites More sharing options...
Brian W Posted March 27, 2009 Share Posted March 27, 2009 Try: <table border="0" cellpadding="0" cellspacing="0" width="132px" height="132px" background="images/compas.gif"> <tr> <td width="33%" height="44px"><?php d_button(-1, 1);?></td> <td width="33%"><?php d_button(0, 1);?></td> <td width="33%"><?php d_button(1, 1);?></td> </tr> <tr> <td height="44px"><?php d_button(-1, 0);?></td> <td> </td> <td><?php d_button(1, 0);?></td> </tr> <tr> <td height="44px"><?php d_button(-1, -1);?></td> <td><?php d_button(0, -1);?></td> <td><?php d_button(1, -1);?></td> </tr> </table> or use css like: <table border="0" cellpadding="0" cellspacing="0" class="compas"> <tr> <td><?php d_button(-1, 1);?></td> <td><?php d_button(0, 1);?></td> <td><?php d_button(1, 1);?></td> </tr> <tr> <td><?php d_button(-1, 0);?></td> <td> </td> <td><?php d_button(1, 0);?></td> </tr> <tr> <td><?php d_button(-1, -1);?></td> <td><?php d_button(0, -1);?></td> <td><?php d_button(1, -1);?></td> </tr> </table> and add this within the head tags (<head></head>): <style> table.compas { background:url(images/compas.gif); } table.compas td { width:44px; height:44px; text-align:center; vertical-align:middle; } </style> The css version will likely be more stable and its easier to maintain if you know css. Link to comment https://forums.phpfreaks.com/topic/151287-solved-game-compas-spacing/#findComment-795219 Share on other sites More sharing options...
Q695 Posted March 28, 2009 Author Share Posted March 28, 2009 The 2nd one worked with the CSS code . Link to comment https://forums.phpfreaks.com/topic/151287-solved-game-compas-spacing/#findComment-795573 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.