A distância entre duas linhas no <table>

[Frank K Hosaka]

Eu tenho duas tabelas nesse código:

 

<table><tr><th><th><th></tr>
<tr><td><form><input type='submit' value='anterior'></form>
<td valign=top>Pedido 300.177 de 29/04/2022 R$ 4,00<td><form><input type='submit' value='novo'></form></tr>
<tr><td>Cliente<td>Casas Bahia</tr></table>

<?php
for ($i=0;$i<=10;$i++) {
	echo "<br>"; }
?>

<table><tr><th>Produto<th>Qt<th>Unitário<th>Total</tr>
<tr><td>Jaboticada<td>1<td>2,00<td>2,00</tr>
<tr><td>Berinjela<td>0,5<td>4,00<td>2,00</tr></table>

A distância entre as linhas da primeira tabela é bem maior que o da segunda tabela. A primeira vista, o código não tem nenhum marcador </th> e </td>, mas eles não alteram o resultado. Também consultei o Google, e tentei coisa do tipo <style>table { table-layout: auto;  width: 100%; } </style>, mas o resultado foi um desastre. Diante do exposto, a minha saída é compartilhar o meu abacaxi aqui no fórum, e pedir ajuda para igualar a distância das linhas da segunda tabela na primeira.

Editado Abril 29, 2022 por Frank K Hosaka

[wash]

Olá!
Testei seu script e percebi que o form, possui por padrão uma margem de 16px

[wash]

com css pode-se remover qualquer margem:

form {
	margin:0;
}

// para remover de todos os elementos, use o coringa asterisco
* {
	margin:0;
}

 

Editado Abril 30, 2022 por wash

[Frank K Hosaka]

Valeu, Wash, isso ajuda bastante. Eu ainda sou novato com os painéis de inspeção do navegador, mas se o Arquiteto me ajudar, vou dar um jeito de arrancar os pixels do form.

[Frank K Hosaka]

Deu certo, valeu, muito obrigado!!!!!!