Ir para conteúdo

POWERED BY:

Arquivado

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

maicon_m

Centralizar imagem horizontalmente

Recommended Posts

Bom dia.

 

Estou contruindo uma tabela em que os <td> tem a largura de 175px. As imagens que vão dentro são de larguras diferentes. Uma pode ter 100px e outra 85px. Eu preciso centralizar a imagem dentro da célula. Já tentei text-align, mas ele somente centraliza textos. Tentei colocar o img com margin:auto, mas não adiantou...

 

O que vocês acham q pode ser feito?

Compartilhar este post


Link para o post
Compartilhar em outros sites
Public2004, fazer formatação direto no html é coisa de web 0.5. Valeu por tentar ajudar mas eu só trablaho css+html e você devia fazer o mesmo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Essa tabela é necessária?

Coloque um trecho do código para que possamos analizar melhor.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já tentei fazer isso Aprendiz CSS mas não resolve. Abaixo o código

 

HTML

 

<table id="destinos">
	<tr>
		<td>
		<img src="imagens/pacotes/recife.gif" /><br />
Diamantina, Ouro Preto e as Cidades Históricas Mineiras
		</td>
		<td>
		<img src="imagens/pacotes/recife.gif" /><br />
Diamantina, Ouro Preto e as Cidades Históricas Mineiras</td>
		<td>
		<img src="imagens/pacotes/recife.gif" /><br />
Diamantina, Ouro Preto e as Cidades Históricas Mineiras</td>
	</tr>
   </table>

CSS, aplicando a sugestão do Aprendiz

#destinos tr{margin-bottom:5px;}

#destinos td{text-align:center; width:175px; margin:5px; background:#CCCCCC;}

#destinos td img{margin:0 auto; text-align:center; border:3px solid #CCC;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tem como colocar o site no ar!

 

para ver o que está acontecendo!

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Maicon,

 

Peguei o seu código e testei aqui e está centralizado certinho cara,

Provavelmente ele está dentro de alguma outra div quer possua uma tabela e essa tabela esteja alinhada tudo a esquerda, então ele está herdando as configurações da div pai.

 

Se possivel faz isso q o aprendiz falou, da um jeito de joar no ar para q a gente possa dar uma olhada no código .

 

Absss

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.