p.s. https://jsfiddle.net/5389mqsn/
Стрелку лучше переделать на 2 бордера у одного псевдо, будет заметно проще позиционировать в центр, а не играть в px.
Я бы тоже не работала с теми кто пишет user-select:none;.
Тег font давно помер.
Почему onclick не работает с img?
Вы же сами видите, что он работает.
а на сайте - нет
Значит, на сайте есть что-то еще что мешает ему работать.
Обычно об этом написано в консоли в инструментах разработчика. Если, конечно, вы там не прикрутили еще какой-нибудь скрипт, запрещающий тыкать и в img тоже.
т.е. задай всем td размеры 48х48.
Зачем, если вам нужны только некоторые?
Для заголовочных ячеек подходят теги th.
Либо задайте классы и задавайте размеры им.
Но же, такие задачи решайте css'ом ;)