Alinhamento de textfield com Texto

[Fernando Neto MH 13]

Olá amigos, estou precisando urgentemente com um formulário assim

EX:

Nome: Telefone:

___________ ____________

 

Tudo Alinhado como mostra a imagem

[Wanderson Valerio 102]

Sim, e qual é a sua dúvida?

 

Á, e antes de sair postando, leia isso: Regras do fórum. Seu tópico está contra as regras, dá uma lida ai que vai encontrar o erro.

[Henrique Barcelos 290]

Qual a dificuldade exatamente? O que você já fez?

[Thiago Vianna /+/ 7]

Pode usar Tabelas (tem que saber usar, senão o código fica muito sujo) ou podes usar DIV's...

[André do Vale 76]

Pode usar Tabelas (tem que saber usar, senão o código fica muito sujo) ou podes usar DIV's...

 

Não, não pode. Tabelas tem o uso especificado, e passa bem longe do que este tópico aborda. :thumbsup:

 

@Fernando

 

Utilize um formulário com labels externas aos campos, fica mais tranquilo de manipular visualmente assim (apesar de que com os campos dentro das labels parecer mais fácil, desta maneira você já pega o jeito de editar formulários de forma "bruta"). Você cria classes que identifiquem a largura da metade do total do formulário, outra classe para a largura total, e outras classes especificas para aqueles campos de telefones se alinharem.

 

Caso queira algo mais simples ainda, use uma div que englobe os itens a esquerda e outra pros da direita. Sorte!

[Thiago Vianna /+/ 7]

Significado de Pode:

s.m. Capacidade ou possibilidade de fazer uma coisa.

 

Existe sim a possibilidade, nunca disse que era certo. Principalmente usando somente duas colunas e uma linha tendo o mesmo efeito da div, podendo ser até melhor e menos complicado do que montar a div com todo esquema de float que ela precisaria.

[André do Vale 76]

Significado de Pode:

s.m. Capacidade ou possibilidade de fazer uma coisa.

 

Existe sim a possibilidade, nunca disse que era certo. Principalmente usando somente duas colunas e uma linha tendo o mesmo efeito da div, podendo ser até melhor e menos complicado do que montar a div com todo esquema de float que ela precisaria.

 

Não tente insistir no erro, por favor.

 

Aqui é um fórum de webstandards, ou seja: desenvolvimento front-end de maneira correta com o uso primoroso de HTML (X), CSS, XML, JS etc.

 

Tabelas são feitas para dados tabulares, assim como P são feito para paragrafos, H1~H6 para hierarquia de títulos, UL/OL para listas, DL para listas de definições, etc etc etc...

[Thiago Vianna /+/ 7]

Ok, sabichão, então use tudo da forma correta e tente mudar uns 70% da web, talvez você consiga, principalmente com os usuários que usam o IE6. Quem morre afogado, é quem sabe nadar :thumbsup:

[André do Vale 76]

Ok, sabichão, então use tudo da forma correta e tente mudar uns 70% da web, talvez você consiga, principalmente com os usuários que usam o IE6. Quem morre afogado, é quem sabe nadar :thumbsup:

 

Mas ein? Saiba admitir que não compreende por completo o assunto abordado, e evite falar coisas erradas. Dessa maneira você só leva os novatos a cometerem os mesmos erros que você comete.

 

Por favor, não replique isso. Não quero render assunto, tampouco uma discussão com alguém despreparado.

[Diéssica 140]

Thiago, você realmente insistiu no erro.

 

Principalmente usando somente duas colunas e uma linha tendo o mesmo efeito da div, podendo ser até melhor e menos complicado do que montar a div com todo esquema de float que ela precisaria.

É possível estruturar um formulário com tabelas SIM, mas nem tudo o que é mais fácil e possível de fazer é o correto. É errado estruturar QUALQUER COISA QUE NÃO SEJA DADOS TABULARES com tabelas.

 

E sobre a estrutura de um formulário com divs, pode ter certeza que não tem esquema nenhum. :thumbsup:

 

Existe sim a possibilidade, nunca disse que era certo.

Se está recomendando à alguém algo incorreto e obsoleto, ou você é mau ou você não sabe o que está falando.

 

Se entende do assunto, simplesmente deixe claro para o usuário que, apesar de possível, não se deve fazer isso, já que tabelas foram feitas para estruturar dados tabulares.

 

Se não entende do assunto — que não deve ser seu caso — assuma seu erro. Garanto que todos aqui vão entender que não era essa a sua intenção. :)

 

E sobre

então use tudo da forma correta e tente mudar uns 70% da web

você quis ser irônico, mas acabou falando uma verdade: só de fazer o certo já estamos ajudando a mudar alguma coisa. E isso [uso incorreto de tabelas] está mudando. Será que é por causa de pessoas que pensam igual você?

 

Se depender da falta de profissionalismo, do pessimismo, da ignorância e do orgulho por parte dos profissionais, nesse contexto, vamos acabar desenvolvendo sites com tabelas para usuários do Internet Explorer 6, em IDEs (nesse caso creio que seria o Dreamweaver MX) com fonte Comic Sans MS.

 

===

 

Dá pra estudar a estrutura do seu formulário baseado nesse post do Henrique:

:seta: http://henriquebarcelos.in/blog/2011/12/03/construindo-um-formulario-semantico-em-html/

 

Eu faria só trabalhando com os tamanhos, float, display...

 

O que você já fez?

[Thiago Vianna /+/ 7]

Diéssica, concordo totalmente contigo !

Eu sei que não é certo, mas é possível, ou seja, o verdadeiro significado da palavra "pode". Além disso, eu apresentei as duas formas ao Neto, acredito que ele não faz um sorteio para escolher, dentro dessas duas formas, ele irá pesquisar e encontrar o que ele quer.

 

EDIT: Ah, e minha especialidade não é webstandards, e sim back-end.