Отзывчивые столбцы высоты - PullRequest
Новая
       27

Отзывчивые столбцы высоты

0 голосов
/ 19 ноября 2018

Я пытаюсь исправить ошибку форматирования в Joomla!Проект я взял на себя в моей школе.

В настоящее время они используют инструкции HTML (насколько я понимаю) в статье.

[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]
  //Content of first Column
[/html] [/column] [column width_sm="4" css="position:relative;"] [html]
  //Content of second Column
[/html] [/column] [column width_sm="4"] [html]
  //Content of third Column
[/html] [/column] [/columns] [fluid][html ]
[/html][/fluid]

Проблема теперь в том, что если их Содержимое имеет длину в несколько строк, строки перепутались (см. Img).Я попытался использовать Flex-Boxes, что привело к беспорядку, но человек, поддерживающий контент, хочет придерживаться текущей формы.

Проблемное изображение

Вид редактора выглядит следующим образом: 

<p>[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4" css="position:relative;"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<p>[/html] [/column] [/columns] [fluid][html ]</p>
<p>[/html][/fluid]</p>

Это способ, которым я могу придерживаться этого метода, не выбрасывая всеили это полный бардак и надо переделывать?Я совершенно новый для Joomla!Запуск Joomla!3.8

Заранее спасибо!

...