Ir para conteúdo

POWERED BY:

Arquivado

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

dead_thinker

Alinhamentos diferentes na mesma linha

Recommended Posts

Olá pessoal, to querendo fazer uma coisa aqui mas não consegui, queria apena saber se da pra alinhar 2 textos na mesma linha em direções diferentes, tipo TOTAL a esquerda, e o valor a direita.Alguem sabe como fazer isso com style?Tentei isso mas n deu, pq da quebra de linha :(

<table width="100%" height="100%" bgcolor="#993366"> <tr style="background-color:#CCFF66"> <td width="100%" height="2px"> <div align="left">Left</div><div align="right">Right</div> </td> </tr> </table>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<table width="100%" height="100%" bgcolor="#993366">   <tr style="background-color:#CCFF66">	  <td width="100%" height="20px" style="text-align: left">	  <!-- Todo texto esta definido para ser alinhado a esquerda //-->	  Left	  <div style="text-align: right">Right</div>	  </td>   </tr></table>

Abraço!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Propriedade text-align! Veja http://www.w3schools.com/css/pr_text_text-align.asp

 

B)

Cara, obrigado mas ja tinha tentado isso com 2 labels e com os div tb, mas com o label n funfa e com o DIV quebra linha.

 

Obrigado msm assim! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

<table width="100%" height="100%" bgcolor="#993366">   <tr style="background-color:#CCFF66">	  <td width="100%" height="20px" style="text-align: left">	  <!-- Todo texto esta definido para ser alinhado a esquerda //-->	  Left	  <div style="text-align: right">Right</div>	  </td>   </tr></table>
Abraço!!
Olá colega, obrigado pela ajuda mas a tua solução tambem da quebra de linhas, acho q n tem jeito msm, so usando 2 td :( vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja se pode lhe ajudar!

<div style="text-align: right; display: inline;">Right</div>
Colega, testei aqui mas não funcionou, ele realmente retira a quebra de linha, mas o alinhamento n acontece, o "Right" fica colado ao "Left".Vlw, alguem sabe?

Compartilhar este post


Link para o post
Compartilhar em outros sites

pra alinhar você define um text-alig pra o elemento e depois lança um float para o outro...

td { text-align: left; }.direita { float: right; }<td><span class="direita">direita</span>texto</td>
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Valew brother, deu bem certim hehe http://forum.imasters.com.br/public/style_emoticons/default/joia.gif , agora apesar de continuar usando tabelas ainda to livre de ficar usando mais e mais tds hehe.Obrigadão!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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