Problemas com espaçamento desigual e tamanho dos botões em HTML

[joselitros]

 

Dúvidas:

 

Dúvidas:

1. Espaçamento desigual entre os lados: Como mostrado na imagem em anexo, não tenho o mesmo espaço entre o lado direito e o lado esquerdo da interface (especialmente na parte dos botões). Alguém sabe por que isso está acontecendo e como posso corrigir para que o espaço seja igual em ambos os lados?

2. Botões com tamanho fixo: Percebi que preciso definir uma altura (height) e uma largura (width) para os botões aparecerem corretamente. Isso é normal nesse tipo de layout sem CSS? Existe alguma outra maneira de fazer com que os botões se ajustem automaticamente ao tamanho do conteúdo ou ao contêiner?

3. Largura e altura da janela: Também tenho a dúvida sobre a quais elementos devo atribuir largura e altura nesse tipo de layout. É necessário definir a altura explicitamente? Além disso, gostaria de saber qual é a largura e a altura totais da janela que estou usando para poder fazer cálculos precisos e garantir que a interface fique devidamente alinhada.

4. Altura desigual nas linhas das tabelas: Outra dúvida que tenho é por que as linhas das tabelas não têm a mesma altura. Gostaria de saber em qual elemento devo definir a altura para que todas as linhas ocupem o mesmo espaço verticalmente e preencham o espaço total disponível. Como posso garantir que a altura das linhas seja uniforme em toda a tabela?

 

 

HTML

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Editado Setembro 25, 2024 por joselitros

[GrupoBw]

Opa, como está?

11 minutes ago, joselitros said:

1. Espaçamento desigual entre os lados: Como mostrado na imagem em anexo, não tenho o mesmo espaço entre o lado direito e o lado esquerdo da interface (especialmente na parte dos botões). Alguém sabe por que isso está acontecendo e como posso corrigir para que o espaço seja igual em ambos os lados?

Isso ocorre pois você está definindo a largura nas colunas <td> e provavelmente a soma das mesma gera o tamanho fixo da tabela, deixado ela alinha a esquerda e faltado espaço na direita. Para resolver isso você pode tentar deixar a tabela com a largura auto, para se auto ajustar ao tamanho do contêiner ou utilizar a tag <center></center> fora da tabela para centralizar, fazendo a margem seja igual nos dois lados.

17 minutes ago, joselitros said:

2. Botões com tamanho fixo: Percebi que preciso definir uma altura (height) e uma largura (width) para os botões aparecerem corretamente. Isso é normal nesse tipo de layout sem CSS? Existe alguma outra maneira de fazer com que os botões se ajustem automaticamente ao tamanho do conteúdo ou ao contêiner?

Não sei dizer se existe suporte para CSS, mas se existir, sem duvida seria uma forma de padronizar e fazer layouts mais consistentes. 

19 minutes ago, joselitros said:

4. Altura desigual nas linhas das tabelas: Outra dúvida que tenho é por que as linhas das tabelas não têm a mesma altura. Gostaria de saber em qual elemento devo definir a altura para que todas as linhas ocupem o mesmo espaço verticalmente e preencham o espaço total disponível. Como posso garantir que a altura das linhas seja uniforme em toda a tabela?

A altura da linha é definida por seu conteúdo, se quiser manter um padrão de tamanho, acredito que possa dinifir a altura no <tr> ou nos <td>.

[joselitros]

hace 2 horas, GrupoBw dijo:

Opa, como está?

Isso ocorre pois você está definindo a largura nas colunas <td> e provavelmente a soma das mesma gera o tamanho fixo da tabela, deixado ela alinha a esquerda e faltado espaço na direita. Para resolver isso você pode tentar deixar a tabela com a largura auto, para se auto ajustar ao tamanho do contêiner ou utilizar a tag <center></center> fora da tabela para centralizar, fazendo a margem seja igual nos dois lados.

Não sei dizer se existe suporte para CSS, mas se existir, sem duvida seria uma forma de padronizar e fazer layouts mais consistentes. 

A altura da linha é definida por seu conteúdo, se quiser manter um padrão de tamanho, acredito que possa dinifir a altura no <tr> ou nos <td>.

Obrigado pela sua resposta, no final eu consegui. Deixo o código e a imagem para que outros possam ver como podem formatar qualquer coisa ocupando e respeitando todo o espaço. O que mais importa são os atributos das tabelas externas e internas, e para distribuir o tamanho de cada <td> e o atributo para alinhar (left, center, right). Além disso, a altura que vão ocupar dentro da tabela é definida na própria tabela, não nos <tr> nem nos <td>, pois caso contrário pode dar problema. Um abraço.

 

HTML

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Editado Setembro 25, 2024 por joselitros

[joselitros]

hace 56 minutos, joselitros dijo:

Obrigado pela sua resposta, no final eu consegui. Deixo o código e a imagem para que outros possam ver como podem formatar qualquer coisa ocupando e respeitando todo o espaço. O que mais importa são os atributos das tabelas externas e internas, e para distribuir o tamanho de cada <td> e o atributo para alinhar (left, center, right). Além disso, a altura que vão ocupar dentro da tabela é definida na própria tabela, não nos <tr> nem nos <td>, pois caso contrário pode dar problema. Um abraço.

HTML

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Atualização: é melhor não definir a altura na tabela externa, pois podem ocorrer coisas indesejáveis. O ideal é que ela aumente automaticamente. Outro ponto é que os botões devem ser um pouco menores que os <td> contenedores. Estou anexando uma foto com as novas atualizações. Além disso, eu só definiria altura e largura nos <td> das tabelas internas para distribuir o conteúdo, nunca nos <td> da tabela externa. Se alguém souber mais ou se eu tiver falhas no que estou vendo, que me avise.

Atualização HTML

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se