8 replies to this topic

[Sky Walker]

Fala galera !!!
Eu nao to conseguindo setar a largura da minha div .... essa div vai conter um texto, so que quando escrevo ela ultrapassa o limite, gostaria que ela quebrasse a linha automaticamente.... alguém ajuda ?
ta ai o codigo


#cliente-txt {
padding-left:55px;
padding-top:15px;
height:60px;
width:200px;
}

PS: no html tem uma div "<div class="cliente" id="cliente-txt"></div>"

Edição feita por: André Manoel, 31/05/2010, 10:05.

[André Manoel]

Quando você define a width normalmente se o texto for maior... ele já quebra...
Mas aí vem a questão que você também definiu a altura...
Tenta retirar essa linha:

height:60px;

E veja o que acontece...

[Sky Walker]

Ixi velho .... não deu !!!!!
ela continua ultrapassando o limite da div. Veja bem, o quadro tem 200 por 60 e a fonte está como 12 px .... mesmo assim era pra ela quebrar automaticamente.
Tem alguma ideia ?

Edição feita por: Sky Walker, 31/05/2010, 22:19.

[André Manoel]

Coloca o link do site para darmos uma olhada...

Ou o script em anexo...

[Sky Walker]

To comecando no css, entao desculpa as noobices

<div id="cliente">		
			  <div id="cliente-cnt1">
				  <div id="cliente-txt"></div>
			  </div>
				<div id="cliente-cnt1">
				  <div id="cliente-txt"></div>
			  </div>
				<div id="cliente-cnt3">
				  <div id="botao-txt">Envie sua messagem</div>
				</div>
			</div>

#cliente {
float:left;
height:332px;
width:296px;
}

#cliente-cnt1 {
margin-top:5px;
background-image:url(../imagens/palavra1.png);
height:104px;
width:296px;
}


#cliente-txt {
margin-left:55px;
margin-top:15px;
height:60px;
width:200px;
}

#cliente-cnt3 {
margin-left:150px;
margin-top:15px;
background-image:url(../imagens/palavrabtn.png);
background-position:right top;
background-repeat:no-repeat;
height:21px;
width:104px;
}

#botao-txt{
margin-left:3px;
margin-top:6px;
}

Edição feita por: Sky Walker, 02/06/2010, 09:33.

[André Manoel]

Sky...

Eu retirei todas as alturas aqui do css

#cliente {
		float:left;
		/*height:332px;*/
		width:296px;
	}
	
	#cliente-cnt1 {
		margin-top:5px;
		background-image:url(../imagens/palavra1.png);
		/*height:104px;*/
		width:296px;
	}
	
	
	#cliente-txt {
		margin-left:55px;
		margin-top:15px;
		/*height:60px;*/
		width:200px;
	}
	
	#cliente-cnt3 {
		margin-left:150px;
		margin-top:15px;
		background-image:url(../imagens/palavrabtn.png);
		background-position:right top;
		background-repeat:no-repeat;
		/*height:21px;*/
		width:104px;
	}
	
	#botao-txt{
		margin-left:3px;
		margin-top:6px;
	}

E deixei o código assim:

<div id="cliente">              
      <div id="cliente-cnt1">
           <div id="cliente-txt"> iuadhs vuiahsd uiahsvuas vhhsauvsdvhuvsa voa sdvuhadsuv sdv
           oahsdvioasdvihoa hsvoash vahs dvhasdvh asdvasdvasvad vhudvad
           auvhasduivh asuidv huah vauhs vasdvavhuavsdvhasdvhushuvhua svashv
           asudovh asdiuvh adsuivhuasd vuipadsvsdvsd vuidsvusadh vhsdavsadhvhasd asv
           asdvih asiovj isvj is jvioj saviojs aivojisdvjsdavjiavjidjviadsjvadijsv iasvj adsvikj i</div>
      </div>
      <div id="cliente-cnt1">
           <div id="cliente-txt">teste 1111</div>
      </div>
      <div id="cliente-cnt3">
           <div id="botao-txt">Envie sua messagem</div>
      </div>
</div>

Se você reparar ... o texto não está sobrepondo as outras divs... se você define a altura a div fica definida e o conteúdo ultrapassa a div e passa em cima da outra.

Bem ... olha só você tem duas opções... ou você não define a altura... ou você define a altura e limita a quantidade de caracteres.

Tem que ver qual se adequa melhor a sua situação.

Abração!

[Sky Walker]

Vlw pela ajuda cara !!!! Deu certo.....

[JeffMalm]

Would you like to learn more about ED medication where to buy cialis online

[JeffMalm]

lasix over the counter cvs Trump DL, et al
tamoxifen indications DS McMeekin, MW Sill, D Benbrook, etal A phase II trial of thalidomide in patients with refractory endometrial cancer and correlation with angiogenesis biomarkers A Gynecologic Oncology Group study Gynecol Oncol 105 508 516, 2007 Crossref, Medline, Google Scholar 19
aromatase inhibitors vs tamoxifen We found that GSK983 blocked cell proliferation and dengue virus replication by inhibiting the pyrimidine biosynthesis enzyme dihydroorotate dehydrogenase DHODH
buy priligy online usa Outpatient recommendations are as follows