maksam07

Все прекрасно работает:

<?php
echo '<form method="POST" action="index.php">
<input type="text" name="arr[0][0]">
<input type="text" name="arr[0][1]">
<input type="submit" value="test">
</form>';

var_dump($_POST);

Так тоже работает:

<?php
echo '<form method="POST" action="index.php">
<input type="text" name="arr[][][][][]">
<input type="text" name="arr[][][][][]">
<input type="submit" value="test">
</form>';

var_dump($_POST);

https://jsfiddle.net/qpt0pf41/ и лишний div убрать.

надо сделать event.stopPropagation(); что бы предотвратить всплытие события. В разных браузерах всплытие происходит по разному либо на дочерние элементы либо на родительские. Так что по клику на div надо написать что то подобное

document.querySelector('td > div').addEventListener('click', function(event){
 event.stopPropagation();
 //event handler code here
})

C js переведете?
https://jsfiddle.net/v6aveeez/

Задаем размеры таблицы и отступы от края (отдельно по горизонтали и вертикали).
Для каждой строки или ячейки проверяется, находится ли она в зоне отступов.
Можно эти "лишние" ячейки и строки скрывать через css или вообще не выводить.

10х8 (столбцы на строки)
4х2(столбцы на строки)
начальный столбец малой таблицы = (10 - 4)/2
начальная строка малой таблицы = (8 - 2 )/2
последний столбец малой таблицы = (10-4 + 4)/2
последняя строка малой таблицы = (8 - 2 + 2 )/2
Отсюда:
cell[row][col] = Cell[(RowCount - rowcount + row)/2][(ColCount - colcount + col)/2]

codepen.io/anon/pen/OWpodL

А можно поинтересоваться чем сторонняя не устраивает та же recaptcha от Google? Внедрил ее на 10 сайтов - полет отличный, ни одного спам-сообщения.

Стили для меню основаны на общих стилях бутстрапа. Но если так уж хочется, что стили надо вытаскивать через меню customize. Убираем галочки везде и затем ставим галочку на navbar. Он автоматически поставит галочки на зависимости. Открывать лучше через хром.