Преобразование таблицы в DIVs - PullRequest
Новая
       4

Преобразование таблицы в DIVs

0 голосов
/ 04 апреля 2020

У меня есть следующая таблица 

<table width="623" align="center">
  <tbody><tr>
    <td width="615"><h1 align="center">Something Olde</h1></td>
  </tr>
  <tr>
    <td><h2 align="center">Something New 
<img src=https://cmyip.com/flag/SI.png><br> </a></h2></td>
    <td></td>
  </tr>
    <tr>
     <td><h2 align="center">Something Borrowed</h2></td>
  </tr>
  <tr>
     <td><h3 align="center">Something Blue</h3></td>
  </tr>
  <tr>
     <td><h2 align="center">For Whom</h2></td>
  </tr>
  <tr>
     <td><h2 align="center">Parrents, yourself, or noone</h2></td>
  </tr>
</tbody></table>

Демо (должно выглядеть так): https://jsfiddle.net/m2w97onq/1/

, но я хотел немного обновить свой сайт и добавил Particles JS и приятный фон, но всякий раз, когда я добавляю туда свою таблицу, она выглядит маленькой и странной, также кажется, что есть барьер, поскольку частицы не будут течь под столом

Demo2: https://jsfiddle.net/v3y68qnu/1/

Теперь я много слышал, что вы не должны использовать таблицы в веб-дизайне и что все должно быть делением или разбивкой, а таблицы ужасны, но я никогда не знал, почему, это потому, что они делают это и выглядят странно?

Теперь мне бы очень хотелось, чтобы этот сайт выглядел как в первом демо с фоном и частицей JS, но я просто не знаю, как это сделать, как я могу преобразовать эту таблицу в div и сохранить их внешний вид ?, я попытался

Demo3: https://jsfiddle.net/v95Ljkx8/ Я удалил таблицу и использовал только h1, h2, h3, но это, хотя и не У меня нет таблицы, которая выглядела точно так же, как Demo2, поэтому я не уверен, почему?

Спасибо за ответ и наилучшие пожелания

...