Images (Solved)

How do I render this table with the images with perfectly balanced width?

caption 1 caption 2
| caption 1 | caption 2 |
| - | - |
| [![](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png)](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png) | [![](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png)](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png) |
<table>
<thead>
<tr>
<th>caption 1</th>
<th>caption 2</th>
</tr>
</thead>
<tbody><tr>
<td><a href="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png"><img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png" alt=""></a></td>
<td><a href="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png"><img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png" alt=""></a></td>
</tr>
</tbody></table>

If I add the style rule style="width:50%" to the <th> elements, then the table seems to have the correct proportions. But it renders the page blank, probably due to some parsing error.

<table>
<thead>
<tr>
<th style="width:50%">caption 1</th>
<th style="width:50%">caption 2</th>
</tr>
</thead>
<tbody><tr>
<td><a href="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png"><img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png" alt=""></a></td>
<td><a href="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png"><img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png" alt=""></a></td>
</tr>
</tbody></table>

Is there some way to escape the HTML to render in the page correctly?

Solution

Format each image in a table as:

[<img src="image.png" width="500"/>](image.png)

Example:

| caption 1 | caption 2 |
| - | - |
| [<img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png" width="500"/>](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p2.png) | [<img src="/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png" width="500"/>](/datasets/documents/homepage/issues/fanbox-umihio-6778100_p0.png) |
caption 1 caption 2

This page was last edited on 2023-11-01 04:23

Powered by Wiki|Docs

This page was last edited on 2023-11-01 04:23

Nes / Alfons
2023

Powered by Wiki|Docs