Resize picture in table

Hi people, for an project we build our documentation with grav and learn theme. Actually we have table in html and pictures resize.
After test, picture resize it’s good with a markodwn code in paragraph but don’t work in table.

  • Two questions, it’s possible to resize picture in table ?
  • If yes, it’s same markdown code ?

For information I use this part of documentation

One of the main benefits of using images associated with pages is that it enables you to >take advantage of Grav’s powerful media actions. For example, here is a line you would use to >load an image from another page:

![Styling Example](../test-post-3/test-image-3.jpg?cropResize=400,200)

Thank or you answer @Plumf

@Plumf, According the inventor of Markdown:

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style *emphasis* inside an HTML block.
Unlike block-level HTML tags, Markdown syntax is processed within span-level tags.

This can be resolved using Markdown Extra which is available in Grav. Try the following:

  • Enable Markdown Extra in ‘/user/config/system.yaml’:
      theme: mytheme
       extra: true  // Enable Markdown Extra
  • And in your markdown use:
    <div markdown="1">
    This is **bold** text inside div.
    <td markdown="1">
    This is **bold** text inside table cell.
    Note: It will not work if you indent the elements inside the table.

Hope this helps…

Thank @pamtbaau, I didn’t specify, but the whole picture is in Markodwn. I just wanted to avoid pieces of html. I don’t know if that changes the answer?

@Plumf, I’m afraid I don’t understand your remark. Have your tested my suggestion?

Yes it’s good solution. But I redact my table in markdown like this :


With your solution, I do redact table with html. But now it’s transformed =)

Thanks for all

@Plumf, Thanks for the clarification. I have tried a table in Markdown markup…

I copied a random table from a cheat sheet and added an image as follows:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| image | ![](image.jpg?cropResize=50,50) |    $1 |

Which gives the following result:

So, it seems to be working… (Without Markdown Extra)

Just wondering, what exactly is not working for you?

I’m sorry, I try an other table. And it’s good…
As I’ve all turned into html I don’t know what was wrong. Thank for your time

2 posts were split to a new topic: How to align multiple images horizontally?