Images - Goblin Cave

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?

CSS style alt text perhaps? https://stackoverflow.com/questions/14675913/changing-image-size-in-markdown
- How to get custom CSS to display?
  - Reboot server?
Custom markdown image size specification? https://stackoverflow.com/questions/55379862/how-to-set-relative-size-of-images-inside-a-markdown-table
Ask on the WikiDocs issues page?
- https://github.com/Zavy86/WikiDocs/issues
Other solutions:
- https://stackoverflow.com/questions/68496131/table-with-images-of-same-relative-size-in-github-markdown
  - Does not work.
- https://stackoverflow.com/questions/38787198/how-to-make-table-columns-with-the-same-width-in-github-markdown
  - Does not work

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