textarea ñ obedece ao css

[New Web Design 0]

Saudações

 

Pessoal. To com um problema no meu codigo. eu fiz um formulario de cadastro de usuario todo em tabela. depois resolvi mudar para tableless. até aí tudo bem. Mas o problema é que tenho uma caixa de texto do tipo texarea onde peço para que o usuario escreva algo a seu respeito, porem essa textarea na muda de tamanho. quero dizer. Coloquei uma classe pra ela e estilizei no css clocando tamanho e tal, mas só funfa no IE. testei no firefox 3 e tbm no opera e ñ deu efeito. o mesmo acontece com o input do tipo text

 

Este é o trecho do meu codigo html:

<p class="desc"><textarea name="caracEmp" id="caracEmp" rows="4" class="descEmp"></textarea></p>

E este o CSS

.descEmp{
	width:230px;
	height:80px;
	margin:0px;
}

Se alguem puder me ajudar eu agradeço muito

[Giovani 104]

Por qual motivo aquele p na frente do textarea?

Leia um pouco mais sobre formulários, isso vai ajudar bastante: http://forum.imasters.com.br/index.php?showtopic=293455

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[johnatam.camargo 0]

ao inves de você colocar o textarea num paragrafo tente colocar em um table..

tente rever isso amigo

[New Web Design 0]

aquele <p> esta ali pq eu reestruturei o formulario

antes ele estava em tabela

e cada imput com seu determinado rotulo ficava numa linha

então eu coloquei duas div para fazer o papel de colunas e as tags <p> para simular as linhas. no css eu determinei o tamanho delas e tal

 

este é a parte do meu codigo que diz respeito a essas colunas

<div class="contents">
	<form method="POST" action="confirma.html" name="cadastrarEmpresa">
			
		<div class="cool_left">
			<p><label for="nomeEmpresa">Razão Social</label></p>
			<p><label for="cnpj">CNPJ</label></p>
			<p><label for="siteEmp">Site da Empresa</label></p>
			<p><label for="emailEmp">E-mail da Empresa</label></p>
			<p><label for="emailDono">E-mail do dono</label></p>
			<hr>
			<h2>Endereço</h2>
			<p><label for="pais">País</label></p>
			<p><label for="estado">Estado</label></p>
			<p><label for="rua">Rua</label></p>
			<p><label for="num">Nº</label></p>
			<p><label for="bairro">Bairro</label></p>
			<hr>
			<p><label for="senha">Password</label></p>
			<p><label for="confirmSenha">Confirmar Password</label></p>
			<p class="desc"><label for="caracEmp">Descreva em poucas palavras algumas das caractrísticas da sua empresa</label></p>
			<img src="images/ok.gif" width="50" height="50" onClick="submitOption()">
		</div>
		
		<div class="cool_right">
			<p><input type="text" name="nomeEmpresa" id="nomeEmpresa" size="31"></p>
			<p><input type="text" name="cnpj" id="cnpj" size="31"></p>
			<p><input type="text" name="siteEmp" id="siteEmp" size="31"></p>
			<p><input type="text" name="emailEmp" id="emailEmp" size="31"></p>
			<p><input type="text" name="emailDono" id="emailDono" size="31"></p>
			<hr>
			<h2> </h2>
			<p><input type="text" name="pais" id="pais" size="31"></p>
			<p><input type="text" name="estado" id="estado" size="31"></p>
			<p><input type="text" name="rua" id="rua" size="31"></p>
			<p><input type="text" name="num" id="num" size="3"></p>
			<p><input type="text" name="bairro" id="bairro" size="31"></p>
			<hr>
			<p><input type="password" name="senha" id="senha" size="31"></p>
			<p><input type="password" name="confirmSenha" id="confirmSenha" size="31"></p>
			<p class="desc"><textarea name="caracEmp" id="caracEmp" rows="4" class="descEmp"></textarea></p>
			<img src="images/broom.gif" width="50" height="50" onClick="resetOption()">
		</div>
	</form>
</div>

mas vou dar uma olha nesse link seu tbm

valeu giovany

[Thiago Retondar 18]

New Web Design,

 

tente sempre no máximo utilizar <span> em parágrafos. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Sobre seu problema: o Firefox se comporta corretamente. Digamos que você vai escrever um palavra grande, tal como pneumoultramicroscopicossilicovulcanoconiótico - sei que ninguém vai te escrever isso, é mais para o aprendizado. No Internet Explorer, ele dividiria a palavra, o que seria errado:

 

pneumoultramicroscopicossi

licovulcanoconiótico

Então nesse caso, o Firefox cria uma barra de rolagem para que a pessoa possa escrever.

 

Acho que o máximo que você possa fazer é colocar um overflow-x: hidden para que quando uma PALAVRA INTEIRA exceda o tamanho, o resto não apareça.

[Paulo de Tarso F. M. 24]

ao inves de você colocar o textarea num paragrafo tente colocar em um table..

tente rever isso amigo

Hã? Acho que você precisa rever isso, e não o autor do tópico... Já é sabido e já foi muito discutido sobre o uso de tabelas, além de como se formatar corretamente um formulário... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

O link que nosso amigo Giovani passou é um ótimo material, aproveite(m)...

[New Web Design 0]

Saldações pessoal

 

Giovani, li o tutorial que você passou e me ajudou bastante

Antes eu nem sabia da existencia da tag fielset, ja o label eu jah usava do jeito que estava sendo ensinado ali

porém essa tag fieldset me deixou com uma duvida.

Eu modifiquei meu formulario e usai a tag span no lu de <p> mas para organizar os rotulos e os inputs eu estava usando duas divs como se fossem duas colunas de uma tabela. mas eu posso fazer a mesma coisa com esse fieldset???

 

agradeço toda ajuda

valeu pessoal

[Thiago Retondar 18]

New,

 

sim. Esse é o objetivo do <fieldset>, agrupar os elementos de um formulário. Se você for traduzir separadamente as palavras field e set, encontrara algo assim: Conjunto campo, ou seja, é um conjunto de campos.

 

Mais informações http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?showtopic=322848

 

Abraços.

[New Web Design 0]

Li o seu tutorial tbm thiago

 

Me corrija se eu estiver errado

mas acho que você trocou as propriedades entre os inputs tipo radio e tipo checkbox

no tutô você disse que o checkbox só permite uma marcação ja o radio permite mais de uma

O certo ñ seria o contrario???

 

Pelo menos eu testei aqui, faço assim e é assim que funciona

 

Mas se estiver errado, por favor me corrija.

 

valeu

brigadão

[New Web Design 0]

sim. Esse é o objetivo do <fieldset>, agrupar os elementos de um formulário. Se você for traduzir separadamente as palavras field e set, encontrara algo assim: Conjunto campo, ou seja, é um conjunto de campos.

Thiago

antes de ler tua dica eu ja tinha feito meu formulario. e no ludar do <fieldset> eu usei div e estilizei. o correto agora seria mudar a div para <fieldset>??? ou ñ fará diferença agora???

[Thiago Retondar 18]

Realmente errei naquela parte do tutorial. Muito obrigado por me avisar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Já arrumei lá.

 

Sim, o certo é utilizar <fieldset> no lugar de <div>.

[Paulo de Tarso F. M. 24]

Fora que a tag <fieldset> também é uma tag nível de bloco. A única diferença entre a <div> é que ela tem, por padrão, uma borda. Se você iniciar seu CSS com o famoso "CSS reset":

* { margin:0; padding:0; }

Você consegue deixar as duas tags iguais apenas removendo essa borda padrão:

fieldset { border:none; }

Ou seja, nesse momento, as duas tags estão iguais visualmente falando, e seu código está semanticamente correto! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[New Web Design 0]

valeu paulo

 

eu to penando um pouco pra fazer essas coisas

 

esse site que to fazendo é um trabalho de colégio

ja tinha terminado ele em tabela

mas ficou muito feio enm outros browsers fora o FF.

 

fiquei tão frustrado que resolvi seguir a risca esses padrões

ainda mais depois do mico que paguei mostrando os site pra uma garota hahaha

 

valeu pela ajuda pessoal

 

to me esforçando aqui pra seguir esses padrões

confesso que ñ sabia da existencia dessa tag

 

meu professor fica insistindo pra eu entregar logo o trabalho em tabela mesmo. dizendo que temos que trabalhar com as ferramentas que temos nas mãos. mas eu prefiro seguir os padrões mesmo

 

valeu pessoal

espero estar no caminho certo

[Paulo de Tarso F. M. 24]

É, você está indo no caminho certo sim... Parabéns pela iniciativa e pela força de vontade, pois largar as tabelas para estruturar com CSS, que é o correto, não é uma tarefa das mais simples...

 

Precisando de ajuda, estamos por aqui!

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif