githubgithub-flavored-markdown

Images in a table with GitHub markdown

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?

Solution

  • 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)