span align

[Caio Victor Rj 0]

Desde ja peço desculpas por saber que posso estar postando no lugar errado, mas como aqui tem mais respostas e visualizações aos topicos, eu estou aki para resolver um problema um tanto quanto simples (apesar de nao conseguir resolver...

 

Bom eu tenho uma tabela, e nessa tabala tenho um SPAN que fica alinha como right de qualquer maneira, essa tabala esta em uma pagina PHP é requisitada por um AJAX, segue:

 

print("<tr>");
	print("<td class='busca_ask' align='left'><span class='campo_info_ask'>Categoria:</span> </td>");
	print("<td align='left'><span class='campo_info_resp'>$categoria</span></td>");
print("</tr>");

este SPAN que contem o '$categoria' ele simnplismente fica alinhado como right...

e isso so acontece no maltratado IE

 

Alguem entende?

 

preciso de ajuda para por o site no ar ainda esse final de semana...

 

 

Grato desde já,

Caio Victor.

[Dee 0]

Nao eh PrintF ?

 

E outra no TD você ta colocando LEFT, na sua classe SPAN no CSS o TEXT-ALIGN está como RIGHT.

[Caio Victor Rj 0]

Nao eh PrintF ?

 

E outra no TD você ta colocando LEFT, na sua classe SPAN no CSS o TEXT-ALIGN está como RIGHT.

 

Quanto ao PrintF, estou usando Print e funciona perfeitamente.

 

E quanto a classe do SPAN, eu nem tinha declarado o TEXT-ALIGN, declarei com o valor LEFT e continua a msm coisa...

[Thiago Retondar 18]

Posta aê como está a .campo_info_resp no CSS.

 

Tente colocar assim e veja se funciona:

 

tr, td, .campo_info_resp{
text-align: left;
}

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

[Dee 0]

Ke estranho..

 

você tem alguma classe no CSS que você ta definindo na sua tabela ?

[Caio Victor Rj 0]

campo_info_resp

 

SPAN.campo_info_resp {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	cursor:pointer;
	text-align: left;
}

Tentei por o qe pediu e ficou a msm coisa, e o incrivel é que isso so fica no mal-falado IE..

 

Eu gostaria de disponibilizar o link do site pra vcs acessarem, mas eu nao tenho permissão infelizmente =\...

 

Alguma outra ideia?

[Thiago Retondar 18]

Posta o HTML gerado e o CSS referente a essa tabela. Talvez o Internet Explorer está herdando de algum outro elemento.

 

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

[Caio Victor Rj 0]

Ke estranho..

 

você tem alguma classe no CSS que você ta definindo na sua tabela ?

 

Dee, isso é resultado de uma rotina de pesquiza em BD, o engraçado é que os outros campos desta tabela estao alinhados a esquerda e em expecial o $categoria fica alinhado a direita nao sei pq.

 

print("<table border='0' cellpadding='0' cellspacing='0'>");
	print("<tr>");
		print("<td colspan='2' align='left'><div class='busca_prod'>$prod</div></td>");
	print("</tr>");
	print("<tr>");
		print("<td class='busca_ask' align='left'><span class='campo_info_ask'>Categoria:</span> </td>");
		print("<td align='left'><span class='campo_info_resp'>$categoria</span></td>");
	print("</tr>");
	print("<tr>");
		print("<td colspan='2'><div style='border-top: 1px #E6E6E6 solid; width:100%; height:0px;'></div></td>");
	print("</tr>");
	print("<tr>");
		print("<td colspan='2' class='busca_info_prod' align='left'><span class='campo_info_resp'><big>“</big>".$info."<big>„</big></span></td>");
	 print("</tr>");
print("</table>");

[Dee 0]

você usa que programa para programar ae ?

 

DreamWeaver ?

Se sim, vai na tabela no modo Design, e tenta por alinhamento à direita por lá.

 

Outra opinião é você Usar echo, em vez de Print.

[Caio Victor Rj 0]

você usa que programa para programar ae ?

 

DreamWeaver ?

Se sim, vai na tabela no modo Design, e tenta por alinhamento à direita por lá.

 

Outra opinião é você Usar echo, em vez de Print.

 

Dee, sim eu usso Dreawearver e o problema é que essa pagina é um php entao em modo design ela nao exibe nada, e outra, essa pagina é requisitada por um ajax e no meu caso no envia dados atravez do echo...

 

Thiago, vo postar o codigo a pedido seu, porem, nao posso o fazer agora pois o patrão ta de olho, contudo, não acredito que tenha herdado, pois os outros 2 campos desta tabela ficam alinhado a esquerda, e apenas ele a direita, é uma coisa louca =z

[Dee 0]

Construa a tabela normalmente no HTML e coloque alguma coisa dentro da coluna que ta alinhando para direita e veja se você consegue arrumar.

[Caio Victor Rj 0]

bom amigos, agradeço muito a ajuda, porem, agora tenho que sair rapidinho e voltro em instantes, mas por favor continuem postando ajudas xD

 

grato,

Caio Victor

[Dee 0]

E outra, determine um tamanho para sua tabela.

[Thiago Retondar 18]

Se ainda puder postar o HTML gerado da tabela e o CSS referente a mesma. :D

 

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

[klonder 14]

Uma das maneiras possíveis para se alinhar span seria:

 

<html>
<head>
<style type="text/css">
#tabela1 {width:300px; height:100px;}
td.td1 {vertical-align:top; border:#0080FF 1px solid; background:#EFEFEF; position:relative;}
#span1 {width:80px; height:50px; border:#000080 1px solid; background:#CCC; position:absolute; font-size:12px;}
</style>
<script type="text/javascript">
function esquerda(pos) {
var objSpan = document.getElementById("span1");
span1.style.marginLeft = pos;
}
</script>
</head>

<body>
<table id="tabela1">
<tr>
	<td class="td1">Conteúdo da tabela:
	<br><span id="span1">Conteúdo</span></td>
</tr>
</table>
<br><input type="button" value="Alinhar à esquerda" onclick="esquerda(0)">
<input type="button" value="Alinhar ao centro" onclick="esquerda(105)">
<input type="button" value="Alinhar à direita" onclick="esquerda(210)">
</body>
</html>

[Thiago Retondar 18]

Klonder, mas acho que ele não quer algo "dinâmico", algo que interaja com o usuário.

 

Em todo caso, se for assim que ele quer, fiz uma função igual à sua, só que usa textAlign no lugar de marginLeft.

 

HTML

<table>
  <tr>
    <td>Esquerda<span id="span">Texto posicionado</span></td>
    <td>Texto</span></td>
    <td>Texto</span></td>
    <td>Texto</span></td>
    <td>Texto</span></td>
    <td>Texto</span></td>
  </tr>
</table>
<button onclick="position('left')">Alinhar à esquerda</button>
<button onclick="position('center')">Alinhar ao centro</button>
<button onclick="position('right')">Alinhar à direita</button>

CSS

table{
    width: 800px;
    border: 1px solid black;
}
table tr{
    border: 1px solid ble;
}
table tr td{
    border: 1px solid red;
    width: 170px;
}
#span{
    display: block;
    text-align: right;
}

JavaScript

function position(pos){
    var span = document.getElementById("span");
    span.style.textAlign = pos;
}

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