If I change and set it to CSS, when I re-load, it comes again to Table with very tiny icons.
If you're literally reloading the page, that would be a mistake. You should submit the form and load a new page.
I don't know what you have changed and for which reason
I just told you in my previous comment.
Anyway, I have modified it to crop images with extra space, and now the pieces are showing up at normal size. The only downside is that the image cropping seems to take a few moments to complete. At least I saw a delay between showing the Black pieces and the White pieces in Chess.
There is also an issue where the spaces increase in height from 50 to 60 when I deselect a piece. I have not figured out why this is happening, but it does seem to be unrelated to my new code for cropping piece images.
If you're literally reloading the page, that would be a mistake. You should submit the form and load a new page.
I just told you in my previous comment.
Anyway, I have modified it to crop images with extra space, and now the pieces are showing up at normal size. The only downside is that the image cropping seems to take a few moments to complete. At least I saw a delay between showing the Black pieces and the White pieces in Chess.
There is also an issue where the spaces increase in height from 50 to 60 when I deselect a piece. I have not figured out why this is happening, but it does seem to be unrelated to my new code for cropping piece images.