Images in a table with GitHub markdown

Question

I'm having some problems formatting a README on github.

This is the raw README:

| Italic             |  Block letters |
:-------------------------:|:-------------------------:
![](outputs/output_Biotouch/18-15_02-02-2018/Identification/ITALIC/ITALIC_movementPoints_cmc.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Identification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_cmc.png)
![](outputs/output_Biotouch/18-15_02-02-2018/Verification/ITALIC/ITALIC_movementPoints_notbalanced_roc.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Verification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_notbalanced_roc.png)
![](outputs/output_Biotouch/18-15_02-02-2018/Verification/ITALIC/ITALIC_movementPoints_notbalanced_frrVSfpr.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Verification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_notbalanced_frrVSfpr.png)

It is just a table with relative references to some images.

The referenced images have all the same dimensions.

This is what comes out:

Why are the images contained in the central row smaller?

The pattern seems to repeat independently from the images: https://i.imgur.com/gTHAg7z.png — Luca, Feb 08 '18 at 15:36
I'm unable to reproduce this. Can you add a link to the GitHub repository so we can take a look? — ChrisGPT was on strike, Feb 09 '18 at 14:03

score 19 · Accepted Answer · answered Feb 14 '18 at 19:48

The images in the table have all the same dimension.

The "problem" is that to every image a border is added. The border is white on even rows, and it is light gray on odd rows.

The images in the even rows seem to not have a border because the background and the border are both white.

(thanks to Shawna of the github support team)

score 9 · Answer 2 · answered May 13 '20 at 20:17

You can use these html tags for this,

<table>
  <tr>
    <td> <img src="img1.png"  alt="1" width = 360px height = 640px ></td>

    <td><img src="img2.png" alt="2" width = 360px height = 640px></td>
   </tr> 
   <tr>
      <td><img src="./Scshot/cab_arrived.png" alt="3" width = 360px height = 640px></td>

      <td><img src="./Scshot/trip_end.png" align="right" alt="4" width = 360px height = 640px>
  </td>
  </tr>
</table>

For More Information ,you can see here Link

Images in a table with GitHub markdown

2 Answers2