Jump to content


Photo

Text-Align:Justify Nao Funciona ... Alguem Sabe O Porque ?


  • Faça o login para participar
3 replies to this topic

#1 connectto

connectto

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino

Posted 03/11/2011, 12:28

ola fiz um div com um texto dentro - o texto esta dividido em três partes dentro deste div.

- primeira parte com um <span> class especifico
- segunda parte com outro <span> class especifico
- terceira parte um link com class especifica também


inicialmente tentei aplicar o text-align:justify no css do div, mas não funcionou. neste mesmo site já apliquei desta maneira e funcionou em outros divs, não sei porque neste especificamente não funciona

depois para isolar o problema copiei este div problemático para uma pagina separada "teste" - coloquei todo o css envolvido dentro da página para ficar mais fácil de estudar e descobrir o problema.

apliquei a regra css text-align:justify em mais dois lugares alem de no proprio div em questão para tentar resolver:

- primeiro testei aplicar o text-align:justify dentro do <span>, também não funcionou
- depois tentei aplicar o text-align:justify dentro do <p>

aqui tenho um link de uma página onde consegui aplicar corretamente o text-align:justify

http://www.embplast....ao-plastica.php

e aqui o link do teste que subi com o div que esta dando problema isolado junto com o css envolvido interno na página

http://www.embplast....teste/teste.htm

o texto em questão é o de letra branca com <span class="brancapeq" align="justify"><p align="justify">

o css do div em questão é o abaixo:


#indxleftbg-injecao-plastica {
z-index:2;
text-align:justify;
float:left;
width:389px;
height:355px;
background-image:url(indxleftbg-injecao-plastica.jpg);
background-color:#FFFFFF;
}


forcei o justify de várias maneiras de forma redundante para ver se alguma funcionava, aplicando no <div>, no <span> e no <p> mas não deu certo..


alguem sabe o porque que não esta funcionando ?

se alguem puder ajudar eu agradeço ja esgotei meu repertório de ideias kk

abraços

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 03/11/2011, 12:53

Precisa ter mais de uma linha para ver o alinhamento justificado, os links postados não estão funcionado.

#3 connectto

connectto

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino

Posted 03/11/2011, 13:41

Precisa ter mais de uma linha para ver o alinhamento justificado, os links postados não estão funcionado.



sim o texto tem mais de uma linha - sou novo aqui, estranho os links nao terem funcionado vou postar de novo, valeu por responder ! deve ser um problema simples só que não tenho a minima ideia do que ... como falei, em outros divs eu consegui fazer funcionar no mesmo site.. vou postar os links, logo abaixo se alguem puder ajudar eu agradeço mesmooo :)


link de teste do problema - embplast.com/teste/teste.htm


e o link de exemplo de uma página em que eu consegui utilizar o justify normalmente no div

justify funcionando - emplast.com/teste/aemb-empr-injecao-plastica.php

#4 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 03/11/2011, 16:01

Aqui os textos estão justificados tanto no IE quanto no Firefox, teste o align left e depois o justify para ver a diferença, tente remover as tags <br /> de um dos paragrafos.
Existe também uma forma de especificar o algoritimo que vai deixar o teste justificado que é com o atributo text-justify, veja http://www.css3.com/css-text-justify/

Abraço.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq