Bom dia pessoal, tudo bem?
Eu sou novato ainda em desenvolvimento de software para web, tenho uma boa experiência de desenvolvimento para windows desktop.

Enfin, estou com uma dúvida cruel se devo utilizar o label ao lado esquerdo do textBox ou acima do TextBox. Já testei das duas formas e sempre fica um problema chato quando o layout da página precisa mais de uma coluna.

Atualmente estou usando a seguinte regra para a Label:

label
{
  width: 95px; 
  margin-right: 5px;
  text-align: right;
  float: left;
}

assim, fica campo abaixo de campo tudo alinhadinho, agora quando eu preciso colocar na página duas colunas de controles eu já não sei se devo utilizar tabela ou div's ???

Estou desenvolvendo uma pequena aplicação web, não é portal. Já li muito sobre o tal tableless (não sei se devo utilizar) e fazendo tudo através das div's acaba dando um trabalho enorme e a manutenção disto depois acaba ficando bastante complicada.

Aguardo sugestões porque realmente estou meio perdido em como estruturas tais páginas com mais de uma coluna de controles.

Atencionsamente,
Marcos.

Exibições: 1241

Respostas a este tópico

Bom dia Marcos,

Dá uma olhada neste site http://maujor.com/tutorial/layout-css-passo-a-passo.php, tem bastante conteúdo lá.

[]'s,
Thaís Simonato
Ok Thaís, muito obrigado.



Thaís Simonato de Paula disse:
Bom dia Marcos,

Dá uma olhada neste site http://maujor.com/tutorial/layout-css-passo-a-passo.php, tem bastante conteúdo lá.

[]'s,
Thaís Simonato
Depende de como ficará o layout da sua pagina.
Um formulário de contato, dos dois modos fica bom!

Um formulário de pesquisa? Ai acho que lado-a-lado fica melhor.

O uso da tabela é bem simples, nas colunas (TD) possuem um merge entre as colunas, onde se você tem um campo que ele precisa por questão de layout ocupar duas colunas, você utiliza então o colspan e para linha rowspan.

Outra dica é: se o nome é fixo para o campo, utilize texto normal ao invés de label. Pense em label para quando for retornar algum valor do seu codigo, onde o valor é informativo, como o Codigo de um produto para estoque de cliente. O codigo não pode ser alterado, mas é necessário o cliente saber para futuras consultas ou taxar o codigo no produto visualmente.

Bom, são dicas simples.

Precisando eu ajudo com CSS.
Beleza, obrigado pelas dicas.
O que você quer dizer por texto normal?
Eu gosto que o texto fique alinhado a direita, assim:

xxxxxxxxxxxx:
yyyyyyyy:

e assim por diante, usando texto simples como eu aplico uma regra css para isto? Devo colocar o texto dentro de um ?

Abraços,
Marcos.



Lucas Araújo disse:
Depende de como ficará o layout da sua pagina.
Um formulário de contato, dos dois modos fica bom!

Um formulário de pesquisa? Ai acho que lado-a-lado fica melhor.

O uso da tabela é bem simples, nas colunas (TD) possuem um merge entre as colunas, onde se você tem um campo que ele precisa por questão de layout ocupar duas colunas, você utiliza então o colspan e para linha rowspan.

Outra dica é: se o nome é fixo para o campo, utilize texto normal ao invés de label. Pense em label para quando for retornar algum valor do seu codigo, onde o valor é informativo, como o Codigo de um produto para estoque de cliente. O codigo não pode ser alterado, mas é necessário o cliente saber para futuras consultas ou taxar o codigo no produto visualmente.

Bom, são dicas simples.

Precisando eu ajudo com CSS.
A hora que mandei a mensagem ela perdeu os espaços na frente do yyyy, mais enfim seria alinhado a direita.



Marcos Alenxandre Hoefpner Jr. disse:
Beleza, obrigado pelas dicas.
O que você quer dizer por texto normal?
Eu gosto que o texto fique alinhado a direita, assim:

xxxxxxxxxxxx:
yyyyyyyy:

e assim por diante, usando texto simples como eu aplico uma regra css para isto? Devo colocar o texto dentro de um ?

Abraços,
Marcos.



Lucas Araújo disse:
Depende de como ficará o layout da sua pagina.
Um formulário de contato, dos dois modos fica bom!

Um formulário de pesquisa? Ai acho que lado-a-lado fica melhor.

O uso da tabela é bem simples, nas colunas (TD) possuem um merge entre as colunas, onde se você tem um campo que ele precisa por questão de layout ocupar duas colunas, você utiliza então o colspan e para linha rowspan.

Outra dica é: se o nome é fixo para o campo, utilize texto normal ao invés de label. Pense em label para quando for retornar algum valor do seu codigo, onde o valor é informativo, como o Codigo de um produto para estoque de cliente. O codigo não pode ser alterado, mas é necessário o cliente saber para futuras consultas ou taxar o codigo no produto visualmente.

Bom, são dicas simples.

Precisando eu ajudo com CSS.
A tabela existe:

TR - Linha
TD - Coluna

E tbm existe o TH para alinhamento de cabeçalho, onde ja define o texto centralizado e negrito.

Mas você quer mandar o texto pra direita. Faça com CSS:

table th{text-align:right;}

Tudo que for tabela e tiver o cabeçalho definido como TH, vai alinhar o texto a direita da coluna.

Quanto ao texto, ao invés de inserir Texto, insere na mão mesmo o nome dentro da TH, sem o elemento LABEL.


Aqui não exibe codigo HTML, tentei postar um exemplo masi não deu. :(





Marcos Alenxandre Hoefpner Jr. disse:
A hora que mandei a mensagem ela perdeu os espaços na frente do yyyy, mais enfim seria alinhado a direita.



Marcos Alenxandre Hoefpner Jr. disse:
Beleza, obrigado pelas dicas.
O que você quer dizer por texto normal?
Eu gosto que o texto fique alinhado a direita, assim:

xxxxxxxxxxxx:
yyyyyyyy:

e assim por diante, usando texto simples como eu aplico uma regra css para isto? Devo colocar o texto dentro de um ?

Abraços,
Marcos.



Lucas Araújo disse:
Depende de como ficará o layout da sua pagina.
Um formulário de contato, dos dois modos fica bom!

Um formulário de pesquisa? Ai acho que lado-a-lado fica melhor.

O uso da tabela é bem simples, nas colunas (TD) possuem um merge entre as colunas, onde se você tem um campo que ele precisa por questão de layout ocupar duas colunas, você utiliza então o colspan e para linha rowspan.

Outra dica é: se o nome é fixo para o campo, utilize texto normal ao invés de label. Pense em label para quando for retornar algum valor do seu codigo, onde o valor é informativo, como o Codigo de um produto para estoque de cliente. O codigo não pode ser alterado, mas é necessário o cliente saber para futuras consultas ou taxar o codigo no produto visualmente.

Bom, são dicas simples.

Precisando eu ajudo com CSS.
Beleza Lucas, muito obrigado.

Abração,
Marcos.



Lucas Araújo disse:
A tabela existe:

TR - Linha
TD - Coluna

E tbm existe o TH para alinhamento de cabeçalho, onde ja define o texto centralizado e negrito.

Mas você quer mandar o texto pra direita. Faça com CSS:

table th{text-align:right;}

Tudo que for tabela e tiver o cabeçalho definido como TH, vai alinhar o texto a direita da coluna.

Quanto ao texto, ao invés de inserir Texto, insere na mão mesmo o nome dentro da TH, sem o elemento LABEL.

Exemplo:


Nome:





Marcos Alenxandre Hoefpner Jr. disse:
A hora que mandei a mensagem ela perdeu os espaços na frente do yyyy, mais enfim seria alinhado a direita.



Marcos Alenxandre Hoefpner Jr. disse:
Beleza, obrigado pelas dicas.
O que você quer dizer por texto normal?
Eu gosto que o texto fique alinhado a direita, assim:

xxxxxxxxxxxx:
yyyyyyyy:

e assim por diante, usando texto simples como eu aplico uma regra css para isto? Devo colocar o texto dentro de um ?

Abraços,
Marcos.



Lucas Araújo disse:
Depende de como ficará o layout da sua pagina.
Um formulário de contato, dos dois modos fica bom!

Um formulário de pesquisa? Ai acho que lado-a-lado fica melhor.

O uso da tabela é bem simples, nas colunas (TD) possuem um merge entre as colunas, onde se você tem um campo que ele precisa por questão de layout ocupar duas colunas, você utiliza então o colspan e para linha rowspan.

Outra dica é: se o nome é fixo para o campo, utilize texto normal ao invés de label. Pense em label para quando for retornar algum valor do seu codigo, onde o valor é informativo, como o Codigo de um produto para estoque de cliente. O codigo não pode ser alterado, mas é necessário o cliente saber para futuras consultas ou taxar o codigo no produto visualmente.

Bom, são dicas simples.

Precisando eu ajudo com CSS.

RSS

© 2017   Criado por Ramon Durães.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço