Страница регистрации

Я работаю над страницой регистрации и попала в переплет.

Мне не верится, что пока смогла преодолеть все вызовы по PHP, Javascript, и SQL, я буду бороться с HTML! Так, проблема такая... я хочу создать упорядоченную таблицу (где игроки смогут выбирать свои аватары), вертикально и горизонтально упорядоченна...  пока все у меня вертикально. Старалась редактировать код так, чтоб увижу все горизонтально....ну не работает. Кто может мне помочь?


    foreach ($index as $avatars)
    {
    ?>
    <table>
    <tr>
    <td>
      <img src="images/<?php echo $avatars[0]; ?>.jpg"
      onclick="ChangeAvatar(this.id)" id="<?= $avatars[0] ?>">
     
     
      <script>
function ChangeAvatar(id) {
    document.getElementById("newimage").value = id;
    }
</script>
</td>
  <?php
  }
  ?> </tr> </table>