Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kania

Problema com formulário

Por , em Desenvolvimento frontend

Recommended Posts

kania    0

kania
Postado

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Olá pessoal do imasters, depois de muito tempo fora, estou retornando as atividades e é um prazer poder estar com você novamente.

Bom vamos ao trabalho.

 

Pessoal criei um 2 forms para um site que estou desenvolvendo, esta ocorrendo algum erro muito bobo mas que eu não estou conseguindo identificar aonde é.

O problema é que o formulário não se enquadra corretamente dentro das limitações da tabela que ele foi colocado, aparentemente esta tudo correto, porem quando vou visualizar no navegador a table EXPLODE danificando todo o layout do site.

 

Vejam aqui o que esta contecendo: http://www.acaoesucesso.com.br/M_Novo/topo.asp

 

Abaixo o código onde se encotra o form.

 

<html>
<head>
<title>.:: Ação & Sucesso | Seu Crescimento Profíssional Começa Aqui!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo/estilo.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="761" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
	<td><img src="imagens/menu.png" width="761" height="50"></td>
  </tr>
  <tr> 
	<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr> 
		  <td><img src="imagens/logo_1.png" width="433" height="39"></td>
		  <td><img src="imagens/frase.png" width="328" height="39"></td>
		</tr>
	  </table></td>
  </tr>
  <tr> 
	<td><img src="imagens/faixa_1.png" width="761" height="15"></td>
  </tr>
  <tr> 
	<td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr> 
		  <td width="16%"><img src="imagens/logo_e.png" width="116" height="14"></td>
		  <td width="41%"><img src="imagens/P_Controle.png" width="307" height="14"></td>
		  <td width="1%" rowspan="2"><img src="imagens/div_forms.png" width="10" height="71"></td>
		  <td width="41%"><img src="imagens/newsletter.png" width="309" height="14"></td>
		  <td width="1%" rowspan="2"><img src="imagens/div_d.png" width="19" height="71"></td>
		</tr>
		<tr> 
		  <td><img src="imagens/logo_b.png" width="116" height="57"></td>
		  <td width="307" height="57" valign="bottom" background="imagens/P_Controle_f.png"> 
			<form name="form1" method="post" action="">
			  <table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr class="form1"> 
				  <td width="16%">  Usuário:</td>
				  <td width="39%"><input type="text" name="textfield" class="form2"></td>
				  <td width="4%"> </td>
				  <td width="41%" rowspan="2"><input type="submit" name="Submit" value="Enviar" class="form2"> 
				  </td>
				</tr>
				<tr class="form1"> 
				  <td>  Senha:</td>
				  <td><input type="text" name="textfield2" class="form2"></td>
				  <td> </td>
				</tr>
				<tr class="form1"> 
				  <td> </td>
				  <td> </td>
				  <td> </td>
				  <td>Esqueci minha Senha</td>
				</tr>
			  </table>
			</form></td>
		  <td width="309" height="57" valign="bottom" background="imagens/newsletter_f.png"> 
			<form name="form1" method="post" action="">
			  <table width="100%" border="0" cellspacing="0" cellpadding="0">
				
				<tr class="form3"> 
				  <td width="16%">    Nome:</td>
				  <td width="39%"><input type="text" name="textfield" class="form2"></td>
				  <td width="4%"> </td>
				  <td width="41%"></td>
				</tr>
				<tr class="form3"> 
				  <td>    E-Mail:</td>
				  <td><input type="text" name="textfield2" class="form2"></td>
				  <td> </td>
				  <td><input type="submit" name="Submit" value="Enviar" class="form2"> 
				  </td>
				</tr>
			  </table>
			</form></td>
		</tr>
	  </table></td>
  </tr>
  <tr> 
	<td><img src="imagens/faixa_2.png" width="761" height="13"></td>
  </tr>
</table>
</body>
</html>

Fico no agauardo de uma luz. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Ola kania tudo bem, como você é frequentador do Imasters já deve ter ouvido falar no uso de DIVs

para fazer sites ou no uso de CSS

 

bem então é isso nós aqui trabalhamos nos padrões e utilizar tabelas para desenvolver o layout é errado

por isso acredito que ninguem poderá lhe ajudar se continuar com tabelas, pois tabelas são usadas para DADOS TABULARES.

 

para desenvolver o FORMULARIO deve-se usar as seguintes TAGs <LABEL> e <FIELDSET> combinados ao CSS.

de uma olhada no LABORATORIO e nos ARTIGOS daqui do forum

 

falow Kania abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

kania    0

kania
Postado

Ola kania tudo bem, como você é frequentador do Imasters já deve ter ouvido falar no uso de DIVs

para fazer sites ou no uso de CSS

 

bem então é isso nós aqui trabalhamos nos padrões e utilizar tabelas para desenvolver o layout é errado

por isso acredito que ninguem poderá lhe ajudar se continuar com tabelas, pois tabelas são usadas para DADOS TABULARES.

 

para desenvolver o FORMULARIO deve-se usar as seguintes TAGs <LABEL> e <FIELDSET> combinados ao CSS.

de uma olhada no LABORATORIO e nos ARTIGOS daqui do forum

 

falow Kania abraço

 

Então, pesquisei na net alguns tutoriais sobe DIV LABEL E FIELDSET, até encontrei bastante material, mas não compreendi muito como trabalhar a modelagem do layout dentro desta tags, sepurem me dar uma dica deveria fazer para um formulário como este para ele ficar mais ou menos assim suando as propriedades DIV, LABEL E FIELSET.

 

Se verificarem no endereço http://www.acaoesucesso.com.br/M_Novo/ poderma ver que o formulário cira um espço vago abaixo dele, e se for colocado qualquer item neste espaço o layout esotoura, tenei formatar com as Tags sugeridas mas não consegui.

Estou usando CSS para formatar meu site

 

<form name="form1" method="post" action="">
Usuário:
<input type="text" name="textfield" class="form2">				 
<input type="submit" name="Submit" value="Enviar" class="form2">
<a href="#">Esqueci minha Senha</a> </td><br>
Senha:
<input type="text" name="textfield2" class="form2">
</form>

 

Obrigado desde já

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Você está usando CSS para formatar mas você está formatando TABELAS, nós aqui trabalhamos nos padrões e utilizar tabelas para desenvolver o layout é errado.

por isso acredito que ninguem poderá lhe ajudar se continuar com tabelas, pois tabelas são usadas para DADOS TABULARES.

 

Não é só no forumalario que tem tabelas é na página toda =/

infelizmente assim não podemos lhe auxiliar pois não trabalhamos com TABELAS para LAYOUT e reforço isso mais uma vez, por que isso é errado.

 

Espero que compreenda os motivos meu caro Kania

 

Kania acaso queira aprender a usar WEBSTANDARDS(é o titulos do tópico) de uma lida nos seguintes links:

http://forum.imasters.com.br/index.php?showtopic=225319

http://forum.imasters.com.br/index.php?showtopic=223799

http://forum.imasters.com.br/index.php?showtopic=222275

 

TABLELLES que dizer NÃO FAZER LAYOUTS com Tabelas.

 

Como usar tabelas:

http://forum.imasters.com.br/index.php?showtopic=248704

(TABELAS somente para dados tabulares)

 

falow Kania espero que veja os links que postei

 

Ps.: Fora isso o Desenho(a aparencia do site) está muito bonita

nesta parte está de parabens Kania

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

kania    0

kania
Postado

Você está usando CSS para formatar mas você está formatando TABELAS, nós aqui trabalhamos nos padrões e utilizar tabelas para desenvolver o layout é errado.

por isso acredito que ninguem poderá lhe ajudar se continuar com tabelas, pois tabelas são usadas para DADOS TABULARES.

 

Não é só no forumalario que tem tabelas é na página toda =/

infelizmente assim não podemos lhe auxiliar pois não trabalhamos com TABELAS para LAYOUT e reforço isso mais uma vez, por que isso é errado.

 

Espero que compreenda os motivos meu caro Kania

 

Kania acaso queira aprender a usar WEBSTANDARDS(é o titulos do tópico) de uma lida nos seguintes links:

http://forum.imasters.com.br/index.php?showtopic=225319

http://forum.imasters.com.br/index.php?showtopic=223799

http://forum.imasters.com.br/index.php?showtopic=222275

 

TABLELLES que dizer NÃO FAZER LAYOUTS com Tabelas.

 

Como usar tabelas:

http://forum.imasters.com.br/index.php?showtopic=248704

(TABELAS somente para dados tabulares)

 

falow Kania espero que veja os links que postei

 

Ps.: Fora isso o Desenho(a aparencia do site) está muito bonita

nesta parte está de parabens Kania

 

abraço

 

Carro silverfox, muito obrigado pelos links, estudei cada um deles e realmente é muito pratico trabalhar com TABLELLES, porem como tenho um prazo para entregar este projeto e não tenho prática em trabalhar com este novo modelo (novo para eu claro http://forum.imasters.com.br/public/style_emoticons/default/blush.gif ), acredito que deveo terminar este projeto da forma que tenho conhecimento e já iniciar os outros partindo do que estarei aprendo do novo, inclusive gostaria da sua opnião sobre isto.

 

A montagem das colunas achei simples até, porem me perdi quando comecei a querer trazer as imagens para os lugares delas, nas tabelas estou acostumado de forma simples, como uso o Dreamweave, ele torna o trabalho muito simples, criar tabelas, colocar fundo, iamgens, etc, tudo que já foi projetado no PhotoShop ou no Fireworks, mas é clarp que tudo isto parece mais simples para mim porque não tenho a sua experiencia com as TABLELLES, mas prometo que vou buscar o maior número de informações possiveis para que o meus novos projetos possas ser introduzidos usando este novo conceito.

Caso possa me auxiliar, em onde posso encotrar amis tutorias bons sobe o assunto fico grato.

 

A esqueci de mecionar que eu tenho pouco tempo de programação, fiz poucos trabalhos na programação mesmo, trabalhei mais na parte de desenho do site mesmo, tratamento de imagens, desenho no PhotoShop e Fireworks, etc, talvez por isso estou fazendo errado, http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Caso queira me acompanhar neste projeto ( http://forum.imasters.com.br/public/style_emoticons/default/grin.gif ), pode ficar a vontade para dizer os erros que estarei cometendo, afinal é assim que aprendemos http://www.acaoesucesso.com.br/M_Novo/

 

Abraços e Sucesso

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito