Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

MARGEM ENTRE AS COLUNAS

Bom dia,

nao consegui identificar o problema que está forçando uma margem entre as colunas, verifiquei o código do professor junto com o meu e está escrito errado, não sei se deixei algo passar. Abaixo está meu código css e html.

<table>
            <thead>
                <tr>
                    <th>Dia</th>
                    <th>Horário</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Segunda-feira</td>
                    <td>De 08:00 às 20:00</td>
                </tr>
                <tr>
                    <td>Quarta-feira</td>
                    <td>De 08:00 às 20:00</td>
                </tr>
                <tr>
                    <td>Sexta-feira</td>
                    <td>De 08:00 às 20:00</td>
                </tr>
            </tbody>
        </table>
table {
    margin-top: 20px;
    margin-bottom: 40px;
}

thead {
    background-color: #555;
    font-weight: bold;
    color: white;
}

td {
    border: 1px solid #000;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Bom dia Jeanderson, por padrão o elemento <Table> vem com uma propriedade CSS chamada border-collapse: separate; o que faz gerar aquele espaçamento.

Se você deseja que esse espaço não exista, o que você precisa fazer é trocar o valor para border-collapse: collapse;.

Alteração sugerida:

table {
    margin-top: 20px;
    margin-bottom: 40px;
    border-collapse: collapse;
}
solução!

Boa tarde,

acabei esquecendo desse tópico e de responder. Era o reset css que eu estava usando, consegui solucionar no mesmo dia após a troca do link do arquivo.