Detalhes da questão

Endereço do fórum: https://smrhb.forumeiros.com
Versão do fórum: ModernBB

Descrição

Olá! Eu queria criar uma tabela em HTML para usar em mensagem, contendo o tamanho horizontal dela e o tamanho vertical.
Desse jeito: https://prnt.sc/awYMgCelNnDI

Com o fundo na cor: #660000

Bom dia, @Ronan Rodrigues!

O exemplo fornecido, de certo modo, foi meio difícil de interpretar-se por demonstrar apenas uma pequena tabela e não informado exatamente qual tipo de mensagem. Mas, posso te fornecer dois modelos:

1° Modelo:

Código:

    <table style="background-color: #660000; width: 50%; border-collapse: collapse;">
        <tr>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 1</th>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 2</th>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 3</th>
        </tr>
        <tr>
            <td style="color: white; padding: 10px; text-align: center;">Dado 1</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 2</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 3</td>
        </tr>
        <tr>
            <td style="color: white; padding: 10px; text-align: center;">Dado 4</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 5</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 6</td>
        </tr>
    </table>


2° Modelo:

Código:

<div style="background: #660000;width: 100%;heigth: 100%;color: #fff;padding: 1%;">Musashi venho cortando tudo!</div>

Caso não tenha sido um modelo esperado, informe novamente uma resposta para esse tópico!

(Aguardo retorno).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Musashi escreveu:Bom dia, @Ronan Rodrigues!

O exemplo fornecido de certo modo, foi meio difícil de interpretar-se por demonstrar apenas uma pequena tabela e não informado exatamente qual tipo de mensagem. Mas, posso te fornecer dois modelos:

1° Modelo:

Código:

    <table style="background-color: #660000; width: 50%; border-collapse: collapse;">
        <tr>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 1</th>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 2</th>
            <th style="color: white; padding: 10px; text-align: center;">Cabeçalho 3</th>
        </tr>
        <tr>
            <td style="color: white; padding: 10px; text-align: center;">Dado 1</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 2</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 3</td>
        </tr>
        <tr>
            <td style="color: white; padding: 10px; text-align: center;">Dado 4</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 5</td>
            <td style="color: white; padding: 10px; text-align: center;">Dado 6</td>
        </tr>
    </table>


2° Modelo:

Código:

<div style="background: #660000;width: 100%;heigth: 100%;color: #fff;padding: 1%;">Musashi venho cortando tudo!</div>

Caso não tenha sido um modelo esperado, informe novamente uma resposta para esse tópico!

(Aguardo retorno).
Atenciosamente,
do seu amigo da comunidade, Musashi!

É exatamente o que pedi, obrigado! Tenha um bom dia e mais uma vez, muito obrigado!

Imagina, precisando de algo estamos na sua disposição!

Tópico resolvido Movido para "Questões resolvidas".