Images in a table with GitHub markdown

Luca picture Luca · Feb 7, 2018 · Viewed 13.8k times · Source

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: enter image description here

Why are the images contained in the central row smaller?

Answer

Luca picture Luca · Feb 14, 2018

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)