На нашем сайте у нас есть таблица с 5 строками и 3 столбцами.
https://www.bakashana.org/sponsor-a-young-woman
Таблица в HTML. Проблема в том, что когда мы приглашаем новую девушку к спонсору, мы помещаем ее в начало (верхний левый угол таблицы, первый столбец и строка). Это означает, что мне нужно взять последнюю запись строки (рисунок) из каждого столбца и переместить ее вниз, чтобы она стала первой строкой в следующем столбце. Это большая проблема и занимает много времени.
Я ищу простое решение, которое позволило бы мне просто добавить фотографию (строку) другой девушки в начало таблицы, и чтобы таблица автоматически принудительно корректировала остальные строки (сохраняя только 5 строк в каждом столбце и создавая новый столбец, если необходимо разместить все строки).
Спасибо!
Код сайта:
<table class="girlstable" style="background:transparent; vertical-align:top;"> <tr style="background:transparent;"> <td>[caption id="attachment_6483" align="aligncenter" width="100"]<a href="#Christine Mupeseni"><img src="https://www.bakashana.org/wp-content/uploads/2019/11/highcompress-Christine-thumbnail-150x150.jpg" alt="christine zambia scholarship kasama" width="100%" height="100%" class="size-thumbnail wp-image-6483" /></a> Christine Mupeseni[/caption]</td><td>[caption id="attachment_6495" align="aligncenter" width="100"]<a href="#Joan Chonto"><img src="https://www.bakashana.org/wp-content/uploads/2019/12/Joan-Chonto-Headshot-compressor.jpg" alt="Kasama sponsorship zambia" width="100%" height="100%" class="size-full wp-image-6495" /></a> Joan Chonto[/caption]</td><td>[caption id="attachment_6490" align="aligncenter" width="100"]<a href="#Catherine Mwansa"><img src="https://www.bakashana.org/wp-content/uploads/2019/11/Catherine-Mwansa-headshot-compressor.jpg" alt="Sponsor young Zambian woman Catherine" width="100%" height="100%" class="size-full wp-image-6490" /></a> Catherine Mwansa[/caption]</td><td>[caption id="attachment_6486" align="aligncenter" width="100"]<a href="#Elizabeth Muma"><img src="https://www.bakashana.org/wp-content/uploads/2019/11/highcompress-elizabeth-muma-thumbnail-150x150.jpg" alt="Elizabeth scholarship kasama" width="100%" height="100%" class="size-thumbnail wp-image-6486" /></a> Elizabeth Muma[/caption] </td><td>[caption id="attachment_6498" align="aligncenter" width="100"]<a href="#Catherine Chipanta"><img src="https://www.bakashana.org/wp-content/uploads/2019/12/Catherine-Chipanta-headshot-compressor.jpg" alt="girl child assistance catherine" width="100%" height="100%" class="size-full wp-image-6498" /></a> Catherine Chipanta[/caption]</td></tr> <tr style="background:transparent;"><td>[caption id="attachment_3836" align="aligncenter" width="100%"]<a href="#Priscilla Mulenga"><img src="https://www.bakashana.org/wp-content/uploads/2018/09/Priscilla-Mulenga-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3836" /></a> Priscilla Mulenga[/caption]</td><td>[caption id="attachment_3837" align="aligncenter" width="100%"]<a href="#Sara Kanyanta"><img src="https://www.bakashana.org/wp-content/uploads/2018/09/Sara-Kanyantag-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3837" /></a> Sara Kanyanta[/caption]</td><td>[caption id="attachment_3702" align="aligncenter" width="100%"]<a href="#Kasonde Marvel"><img src="https://www.bakashana.org/wp-content/uploads/2018/02/Kasonde-Marvel-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3702" /></a> Kasonde Marvel[/caption]</td><td>[caption id="attachment_4900" align="aligncenter" width="100%"]<a href="#Jane Kampamba"><img src="https://www.bakashana.org/wp-content/uploads/2019/03/Jane-Kampamba.jpg" alt="" width="100%" height="100%" class="size-full wp-image-4900" /></a> Jane Kampamba[/caption]</td><td>[caption id="attachment_4899" align="aligncenter" width="100%"]<a href="#Lastage Musonda"><img src="https://www.bakashana.org/wp-content/uploads/2019/03/lastage.jpg" alt="" width="100%" height="100%" class="size-full wp-image-4899" /></a> Lastage Musonda[/caption]</td> </tr> <tr> <td>[caption id="attachment_3731" align="aligncenter" width="100%"]<a href="#Constance Mulenga"><img src="https://www.bakashana.org/wp-content/uploads/2018/02/Costance-Mulenga-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3731" /></a> Constance Mulenga[/caption]</td><td>[caption id="attachment_3835" align="aligncenter" width="100%"]<a href="#Vanessa Kapembwa"><img src="https://www.bakashana.org/wp-content/uploads/2018/09/Vanessa-Kapembwa-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3835" /></a> Vanessa Kapembwa[/caption]</td><td>[caption id="attachment_3704" align="aligncenter" width="100%"]<a href="#Violet Chilufya"><img src="https://www.bakashana.org/wp-content/uploads/2018/02/Violet-Chilufya-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3704" /></a> Violet Chilufya[/caption]</td><td>[caption id="attachment_3800" align="aligncenter" width="100%"]<a href="#Joyce Chileshe"><img src="https://www.bakashana.org/wp-content/uploads/2018/06/Joyce-Chileshe-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3800" /></a> Joyce Chileshe[/caption]</td><td>[caption id="attachment_3845" align="aligncenter" width="100%"]<a href="#Regina Chokwe"><img src="https://www.bakashana.org/wp-content/uploads/2018/09/Regina-150x150.jpg" alt="" width="100%" height="100%" class="size-thumbnail wp-image-3845" /></a> Regina Chokwe[/caption]</td> </tr></table><hr />