Alinhamento de texto e imagens dentro de div's

[eronventer 2]

boa tarde galera!!

 

tenho uma duvida sobre o alinhamento de textos e imagens dentro de uma div,

por exemplo se minha div tem 80px de altura e minha imagem tem 45px de

altura ela fica posicionada no topo da div, eu gostaria de saber como faço para

ficar alinhada no centro.

[wills 0]

tu vai querer alinhar a img e os textos?

 

tem algum link para ver ou fonte?

[Isabel 0]

tem como você postar o seu código pra mim dar uma olhadinha? ^_^

[eronventer 2]

É simples, nao tem mtu misterio:

 

<div id="imagem" style="border:1px solid #CCCCCC; background-color:#FFFFFF; display:none; position:absolute; padding:10px; width:80px; text-align:center; height: 80px;"></div>

[Isabel 0]

esse é o código inteiro?!

 

tah okay! vou ver o que eu posso fazer aqui http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

moço!

 

qual é a largura da sua imagem e a largura da div?!

[brcontainer 16]

esse alinhamento é vertical ou horizontal ou ambos alinhamentos?

<style>
#imagem{
border:1px solid #CCCCCC; 
background-color:#FFFFFF;
top:40%;/*ajuste aqui*/
left:40%; /*ajuste aqui*/
position:absolute;
padding:10px;
width:80px; 
text-align:center;
height: 80px;
}
</style>
<div id="imagem">sdfsdf</div>

;)

[Isabel 0]

esse alinhamento é vertical ou horizontal ou ambos alinhamentos?

<style>
#imagem{
border:1px solid #CCCCCC; 
background-color:#FFFFFF;
top:40%;/*ajuste aqui*/
left:40%; /*ajuste aqui*/
position:absolute;
padding:10px;
width:80px; 
text-align:center;
height: 80px;
}
</style>
<div id="imagem">sdfsdf</div>

;)

 

terminou mais rápido que eu! ^^

segue o que o silverfox falou http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

até pq ficou mais simples que o meu código! :P

[brcontainer 16]

Valew Isabel, qualquer coisa posta o seu tambem

desculpe esqueci de mais uma coisa

 

CSS atualizado:

#imagem{
border:1px solid #CCCCCC; 
background-color:#FFFFFF;
top:40%;/*ajuste aqui*/
left:40%; /*ajuste aqui*/
position:absolute;
padding:10px;
width:80px; 
text-align:center;
height: 80px;
}
#imagem *{
margin:0px auto;
}

[Isabel 0]

beleza silverfox!

 

se ele naum conseguir eu posto depois ^_^

 

abraço!