quarto

Image caption or title above the inserted image


I insert 3 (vertically long) images with

::: {layout-ncol="3"}
![**BEL-MEN23-1B-1G**](BEL-MEN23-1B-1G_IQ_v.jpeg)

![**SUM-ZON23-1B-1G**](SUM-ZON23-1B-1G_IQ_v.jpeg)

![**SUM-DRA23-1A-1G**](SUM-DRA23-1A-1G_IQ_v.jpeg)

clipofwebpage

As the images are very long (you have to scroll down to reach the bottom), I would need to have the caption or the title at the top instead (or in addition) to the bottom of each image.


Solution

  • Caption locations can be controlled by using the fig-cap-location option. You can set this to top for positioning the caption above the images (in HTML and PDF formats):

    ---
    format: html
    fig-cap-location: top
    ---
    
    ::: {layout-ncol="3"}
    ![Figure 1](fig.png)
    
    ![Figure 2](fig.png)
    
    ![Figure 3](fig.png)
    :::
    

    enter image description here