# Exibir imagens lado a lado em uma tabela

**URL:** https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129
**Category:** Support
**Created:** [Março 4, 2021, 11:53pm UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129 "2021-03-04T23:53:21Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ArcticF0xx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arcticf0xx/32/179374_2.png) [@ArcticF0xx](https://meta.discourse.org/u/ArcticF0xx)
#### Post date: [Março 4, 2021, 11:53pm UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129/1 "2021-03-04T23:53:21Z")

</div>

Precisamos de imagens para exibição lado a lado, e elas precisam estar em uma tabela para manter as proporções. As tabelas no Discourse não parecem permitir que definamos o tamanho das imagens. Quando inseridas diretamente na página, podemos ajustar o zoom para 25%, 50%, 75% ou 100%. A imagem permanece clicável para ampliar, garantindo acessibilidade.

Conseguimos exibir imagens em tamanho completo lado a lado, mas apenas com uma barra de rolagem. Não é possível usar a função de zoom dentro de uma tabela. Tanto o dimensionamento quanto os delimitadores de células da tabela utilizam | (pipe). Como isso é usado internamente em nosso produto, precisamos que as imagens sejam exibidas sem adicionar a barra de rolagem.

Alguém sabe como resolver isso?

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [Março 5, 2021, 12:30am UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129/2 "2021-03-05T00:30:34Z")

</div>

> [@ArcticF0xx](#):
>
> Tanto o dimensionamento quanto os marcadores de células da tabela usam | (pipe)

Você precisa escapar o pipe usado no dimensionamento com uma única `\`, como dito em [Pictures don't upload well into tables because of the straight bar symbol - #2 by Falco](https://meta.discourse.org/t/pictures-dont-upload-well-into-tables-because-of-the-straight-bar-symbol/86063/2?u=falco)

---

<div class="post-metadata">

### Author: ![ArcticF0xx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arcticf0xx/32/179374_2.png) [@ArcticF0xx](https://meta.discourse.org/u/ArcticF0xx)
#### Post date: [Março 5, 2021, 1:42am UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129/3 "2021-03-05T01:42:00Z")

</div>

Obrigado, @Falco! Vamos testar isso aqui e retornamos se tivermos alguma dúvida.

---

<div class="post-metadata">

### Author: ![ArcticF0xx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arcticf0xx/32/179374_2.png) [@ArcticF0xx](https://meta.discourse.org/u/ArcticF0xx)
#### Post date: [Março 5, 2021, 4:39pm UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129/4 "2021-03-05T16:39:53Z")

</div>

Atualização: Testamos e funcionou. Obrigado pela sua ajuda, @Falco!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [Janeiro 24, 2024, 12:01pm UTC](https://meta.discourse.org/t/display-images-side-by-side-in-a-table/182129/5 "2024-01-24T12:01:27Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
