[Resolvido] Centralizar horizontal img em TD

[FabianoSouza 5]

Gente, preciso centralizar horizontalmente as imagens dentro de uma TD.

É possível fazer isso com CSS (sem usar o atributo align= center da TD)??

Vi exemplos mas todos usam uma DIV para acomodar a imagem. Não dá pra fazer apenas aplicando CSS na TD ou IMG?

[marsolim 110]

tu pode usar alguma coisa como

td{
    align: center;
}

 

isso centraliza todas as tds. se quiser só uma coluna ou algo do tipo pode usar class

 

...
<td class="centro">um trem um negócio qualquer</td>
...

td.centro{
    align: center;
}

 

[FabianoSouza 5]

Infelizmente suas sugestões não funcionam (testei as duas maneiras)

Veja

https://jsfiddle.net/7qfewxnm/2/

 

Gostaria de centralizar todas as TD que tiverem imagem. Tentei isso

 

td img {

align: center;}

Mas também  não funciona  :-(

[marsolim 110]

faltou o ponto em td.img. o ponto significa que tu tá incluindo uma classe que pertence ao td. se fosse uma id seria # no lugar de .

[FabianoSouza 5]

Veja o print de tela

[FabianoSouza 5]

Isso resolveu

 

 td img {
	display: block;
	margin:auto;
	}

Estranho... mesmo o código acima que funcionou em produção, não funciona no serviço JS Fiddle.
 

Veja o anexo...funcionou.

[marsolim 110]

velhim não sei porque esquecemos que em css é text-align e não só align como em html, por isso que não funfou 

[FabianoSouza 5]

Sim.

Mas no meu caso daria conflito pq em algumas colunas tenho TD com texto, em outras tenho TD com imagem

 

Isso alinharia tudo ao centro (preciso que texto fique à esquerda e img ao centro)

td{
	text-align:center;
}

 

Isso não funciona para TD com imagens

td.img{
	text-align:center;
}

 

Bom, problema resolvido e lição aprendida.

 

Aonde fecho o post??

Nesse novo layout do portal não encontro o botão par encerrar o tópico...