Photo Gallery Forums

Posted: **03 Jun 2023, 13:07**

Hi,

i inserted in my text a block-grid with 4 images:

: 2023-06-03 19_01_51-Window.png (464.21 KiB) Viewed 1688 times

I also work with the p align formatting to align the text.

<ul class='small-block-grid-2'>
<li>Links oben<a href="{{path}}1685804076721.png" data-popup><img src="{{path}}1685804076721.png" alt="" /></a></li>
<li><p align="right">Rechts oben<a href="{{path}}1685804115993.png" data-popup><img src="{{path}}1685804115993.png" alt="" /></a></p></li>
<li><a href="{{path}}1685804186027.png" data-popup><img src="{{path}}1685804186027.png" alt="" /></a>Links unten</li>
<li><a href="{{path}}1685804146400.png" data-popup><img src="{{path}}1685804146400.png" alt="" /></a><p align="right">Rechts unten</p></li>
</ul>

But how can I make the horizontal column smaller in the middle so that it is as wide as the vertical one?

Thanks in advance for any help.

Posted: **03 Jun 2023, 22:42**

Do you have a test link? It's a bit difficult to see from the code why there is additional vertical margin between the grid items ... As it works in the X3 gallery, 2x margin is provided below each item, because 1x margin is on each side of all items.

Posted: **04 Jun 2023, 10:43**

Hi Karl,

see here: https://www.linsenschuss.de/blog/Astrof ... 11-EdgeHD/

Posted: **04 Jun 2023, 12:22**

The reason is that in the 2nd <li>, you have wrapped the entire <a> link inside ... (paragraphs) have natural margin below them (that's why they are paragraphs), and therefore the entire block gets additional margin below. I'm pretty sure you meant to only add the text "Rechts oben" inside Rechts oben and not the entire link? I see in the last <li> you have wrapped only the text inside .

You shouldn't really be using at all, unless you want to use margin from . To style text without using , you should instead use or <div>, which does not have any natural styles or margins by default.

<div style="text-align: right">Rechts oben</div>

Posted: **04 Jun 2023, 15:03**

Hi Karl,

thank you so much for the help, you solution works fine.

: 2023-06-04 21_00_07-Tri-Bahtinovmaske am Schmidt Cassegrain Celestron C11 EdgeHD.png (462.81 KiB) Viewed 1675 times

Photo Gallery Forums

Question about the using of block-grids

Question about the using of block-grids

Re: Question about the using of block-grids

Re: Question about the using of block-grids

Re: Question about the using of block-grids

Re: Question about the using of block-grids