[Resolvido] Centralizar uma img

[de_col 0]

Preciso de uma ajuda

é o seguinte, tenho q centralizar uma imagem mas NÃO poso definir um tamanho pra ela por que vai entrar varias imagens de tamanhos diferentes, tem algum jeito?

 

eu coloquei :

position:absolute
left:50%
top:50%
margin-left:-50px;
margin-top:-50px;

mas se a foto aumenta não fica certo

 

 

obrigado

[Aprendiz CSS 3]

onde você quer centralizar??

 

tem algum link ou print do que deseja?

 

abraço

[de_col 0]

eu consegui desse jeito:

display:block;
text-align:center;
border:1px solid red;
position:absolute;
left:50%;
margin-left:-270px;

mas não é uma ciencia exata pois dependo da imagem ela continua não centralizada

 

cara você tem um email

por que não tenho como colocar a imagem em algum servidor para colocar o link, entao posso mandar a imagem por email

[Aprendiz CSS 3]

posta o código ai cara!!

 

e-mail: paulofernandesjr@gmail.com

 

abraço

[de_col 0]

da pra resolver com uma pog

q é colocar a tag center

 

mas quero resolver isso na mao

no css

 

olha o css

 

#popup{
	position: absolute;
	top: 1%;
	left:50px;
	width: 700px;
	height:650px;
	padding: 20px  0 20px 0;
	border:2px solid black;
	background: #f5f6f5;
	display: none;
}
.ie6 #popup{padding: 20px 0 0 0;}

#popup h5
{
	font-size:12px; 
	border-bottom:1px solid #525252; 
	width:100%; 
	text-align:center; 
	margin-bottom:10px; 
	color:#525252;
}
.fechar_popup 
{
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	color:#000;
}
.fechar_popup a
{
	color:#000;
	text-decoration:none;
}
.downloads
{
	width:100%; 
	height:34px; 
	background:#E2E2E2;
	color:#030303;
	font-size:14px;
	position:absolute;
	clear:both;
	bottom:0px;
}
.imagem_popup
{
	display:block;
	text-align:center;
	position:absolute;
	width:700px;
	height:600px;
}

.img_Downloads
{
	background:url(../images/conteudo/botoes/download.gif) no-repeat right;
	display:block;
	text-indent:-9999px;
	position:absolute;
	width:19px;
	height:11px;
	bottom:10px;
	right:90px;
}

.downloads a{
	color:#030303;
	float:right;
	font-weight:bold;
	margin:10px 10px 0 0;
}

o html:

<div id="popup" class="popup">
							<span class="fechar_popup"><a href="java script: fechar();">[X]</a></span>
							<h5>Nome da Imagem</h5>
								<div class="imagem_popup"><img src="../../images/teste5.jpg" alt=""/></div>
							<div class="downloads"><p><span class="img_Downloads">Downloads</span><a href="#">Downloads</a></p></div>
					   </div>

[Aprendiz CSS 3]

neste tópico aqui ensino a alinhar na horizontal e na vertical

 

http://aprendacss.wordpress.com/2008/06/28...-e-na-vertical/

 

você precisará fazer a mesma coisa que eu fiz, porem ao inves de definir as propriedades no css, você deverá definir as propriedades de acordo com a imagem...

 

via javascript!

 

entendeu?

 

abraço

[de_col 0]

ok

intendi

esse era o meu problema

não posso definir no css

 

 

valeu em

[Aprendiz CSS 3]

para alterar via javascript utilize o

 

document.getElementById('div-que-vai-mudar').style.height = altura + "px";

abraço

[de_col 0]

beleza

valeu

vou fazer assim

brigado