Boa tarde! Com o código abaixo, a tabela ficou com o espaço de uma coluna entre os textos do cabeçalho da tabela. Não sei como faço para tirar esse espaço. Preciso de ajuda!
Obrigado.
| TEXTO 1 TEXTO 2 TEXTO 3 | EMPRESA: ÓRGÃO:________ DATA:Nº RESPONSÁVEL:___________________ |
|---|
| 1 |
| 2 |
| 3 |
| 4 |
| 5 |
| 6 |
| 7 |
| 8 |
| 9 |
| 10 |
| 11 |
| OPERAÇÃO |
| IDENTIFICAÇÃO |
| MATRÍCULA |
| TIPO |
| NOME |
| SOBRENOME |
| PROCEDÊNCIA |
| HORA |
| LOCAL |
| DESTINO |
| ASSINATURA |
hoje, com a Alura e o Google Gemini
Olá, pode compartilhar o código por favor? Para que seja possível identificar o erro
<thead>
<th class="lado1" colspan="7" class="linha1"><br>TEXTO 1 <br>TEXTO 2<br> TEXTO 3<br> <th>
<th class="lado2" colspan="4" class="linha2">EMPRESA:_______________________________<br><br>ÓRGÃO:_______________________________________ <br><br>DATA:__________________________Nº_____________ <br> <br> RESPONSÁVEL:________________________________ </th>
</thead>
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
<tr>
<td>OPERAÇÃO</td>
<td>IDENTIFICAÇÃO</td>
<td>MATRÍCULA</td>
<td>TIPO</td>
<td>NOME</td>
<td>SOBRENOME</td>
<td>PROCEDÊNCIA</td>
<td>HORA</td>
<td>LOCAL</td>
<td>DESTINO</td>
<td>ASSINATURA</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</header>
Boa noite Pedro! Nunca compartilhei código por aqui. Não sei se consegui enviar. Qualquer coisa me avise que tento mandar novamente. Obrigado!
Olá, Tudo bem?
Você poderia compartilhar uma imagem da tabela que deseja construir? Assim fica mais fácil entender o tipo de tabela que você quer fazer e podemos te ajudar a entender os passos para chegar a esse objetivo.
Fique a vontade para compartilhar quaisquer materiais que se sentir a vontade. Só lembrando que para compartilhar uma imagem por aqui você pode clicar no ícone de imagem aqui no campo de resposta. Este aqui:
ou simplesmente colar a imagem aqui no campo de resposta.
Fico no aguardo! Grande abraço
Boa noite, Neílton!
A tabela é essa mesmo que compartilhei. unica coisa que preciso é eliminar aquela coluna em branco (que em amarelo) no cabeçalho da planilha.
obrigado!
Boa noite novamente, Neilton!
A tabela é essa mesmo que compartilhei no e-mail. Eu tentei compartilhar aqui, mas não consegui. Única coisa que preciso é eliminar aquela coluna (que está em amarelo) no cabeçalho da planilha.
obrigado!
| TEXTO 1 TEXTO 2 TEXTO 3 | EMPRESA:ÓRGÃO:________ DATA:Nº RESPONSÁVEL:___________________ |
|---|
| 1 |
| 2 |
| 3 |
| 4 |
| 5 |
| 6 |
| 7 |
| 8 |
| 9 |
| 10 |
| 11 |
| OPERAÇÃO |
| IDENTIFICAÇÃO |
| MATRÍCULA |
| TIPO |
| NOME |
| SOBRENOME |
| PROCEDÊNCIA |
| HORA |
| LOCAL |
| DESTINO |
| ASSINATURA |
Neilton, eu preciso eliminar aquele espaço em branco. O cabeçalho deve ficar com duas colunas apenas e uma borda separando elas. Na primeira coluna, do lado esquerdo, deve conter os três textos e cada texto em uma linha; Na segunda coluna, do lado esquerdo, aqueles dados conforme está na imagem que lhe mandei.
Att,
Fábio
Olá, Fábio! Tudo bem?
Entendi o que você deseja construir. Bem desafiador construit essa tabela com HTML e CSS hehehe. Mas vamos lá!
A começar, você tem um código para o cabeçalho que está assim:
<thead>
<th class="lado1" colspan="7" class="linha1"><br>TEXTO 1 <br>TEXTO 2<br> TEXTO 3<br><th>
<th class="lado2" colspan="4" class="linha2">EMPRESA:_______________________________<br><br>ÓRGÃO:_______________________________________ <br><br>DATA:__________________________Nº_____________ <br> <br> RESPONSÁVEL:________________________________ </th>
</thead>
Nesse trecho tem uma tag <th> que não está fechada. É o primeiro th dentro do thead, então você precisa corrigir para: </th> e a célula em branco vai sumir.
Eu testei seu código no Codepen e é só este o problema. Ele fica assim:
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabela HTML</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
border: 1px solid black;
text-align: center;
padding: 8px;
/* Adiciona um espaço interno para melhor legibilidade */
}
</style>
</head>
<body>
<table>
<thead>
<th colspan="7"><br>TEXTO 1 <br>TEXTO 2<br> TEXTO 3<br>
</th>
<th colspan="4">
EMPRESA:_____________________________________<br><br>ÓRGÃO:_______________________________________ <br><br>DATA:__________________________Nº_____________ <br> <br> RESPONSÁVEL:________________________________
</th>
</thead>
<tbody>
<tr>
<td>OPERAÇÃO</td>
<td>IDENTIFICAÇÃO</td>
<td>MATRÍCULA</td>
<td>TIPO</td>
<td>NOME</td>
<td>SOBRENOME</td>
<td>PROCEDÊNCIA</td>
<td>HORA</td>
<td>LOCAL</td>
<td>DESTINO</td>
<td>ASSINATURA</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
Adicionei umas estilizações apenas para melhorar a visualização da tabela. O resultado final é este:
Espero que isso tenha resolvido seu problema!
Grande abraço
Boa noite Neilton!
Me ajudou muito! Obrigado.
Um grande abraço!
Fábio