[Resolvido] Sobreposição de div com position:relative

[webruno 0]

E aí galera...

 

Tem como usar divs relativos que fique um em cima do outro?

 

Tipo...

 

<div style="width: 640px"><div id="descricao" style="position:relative; left:248px; top:70px; width:95px; height:10px">Descrição da imagem, bla bla bla bla bla</div><div style="position:relative" id="imagem"><img src="imagem.jpg" width="640" height="480"></div></div>

Então... a div descricao tem que ficar em cima da div imagem... e colocando dessa for ela fica a baixo.

 

 

Quem puder dar uma ajuda eu agradeço!

 

Valeu, Bruno.

[webruno 0]

hehe, brigadão cara... desculpa a ignorância no CSS. Valeu.

[Giovani 104]

Não precisa não....aqui tá todo mundo aprendendo!!!

[MiinzP 0]

Preciso desta resposta, mas parece que apagaram, alguém pode escrever o código novamente?

 

Utilizo este código na página:

<div class="texto"><center>Episodio 190<br>HD - 260mb<br>Download</center></div>
           <img class="logoimg" src="http://localhost/blog/wp-content/themes/2011/images/logo.png" />

 

E este na style.css:

.logoimg {
   margin-top: 0px;
   position: center;
}

.texto {
   width:100px;
   height: 100px;
   position: absolute;
   font-size: 11px;
   left:472px;
   top:110px;
   color:#FFA500
}

 

A div texto têm que ficar em cima da div imagem, mas colocando dessa forma a imagem fica abaixo do texto.

 

Desculpe por ressucitar o tópico.

 

Obrigado.

[webruno 0]

Hehe, legal, eu abri o tópico em 2006 e agora acho que estou apto a responder. Por sorte o post caiu no meu e-mail avisando.

 

Bom, não lembro qual era a resposta que me deram também MiinzP, mas tenta colocar .texto { position:absolute; }. Faz exatamente como você postou, só muda o position do texto.

 

Qualquer coisa pergunta.

 

Falou!

[MiinzP 0]

Eu tinha tentado com o absolute, deu certo. Mas, se por exemplo, eu distancio a página (menos zoom) ele fica fixado à página, não ficando aonde eu queira.

 

Como pode ver nas imagens abaixo.

Sem zoom (tamanho normal): http://img148.imageshack.us/img148/3932/semzoom.png

De longe: http://img233.imageshack.us/img233/4220/delonge.png

 

Sem o zoom ele fica no lugar certo (dentro do campo), mas de longe ele fica fixado à página ficando lá no canto.

 

Com o relative não acontece isso, porém a imagem fica em baixo.

[MiinzP 0]

Opa, já consegui!

Na página coloquei a div do texto em baixo da div da imagem e coloquei position: relative;

 

Obrigado webruno por ajudar.