8 replies to this topic

[Microbyte]

Olá pessoal!
Queria um código que pusesse uma imagem por cima de outra.

Tenho uma tag <img src="images/imagem.jpg" width="100" heigth"140" /> e depois quero colocar uma imagem por cima dessa mesma tag.
A imagem tem o seguinte caminho "./images/+18.gif" e tem exactamente 100x140.

Só preciso de um código que me posicione duas tags <img> uma por cima da outra.

Cump[z]
Ricardo Dias . @Microbyte

[Allan Carvalho]

Fala aí! Beleza?


CSS


Use uma div com altura e largura desejada, sendo uma imagem de fundo (background-image) e dentro da div uma imagem com as mesmas dimensões.

Entendeu?

<style>
#imagem_sobreposta {
width: 100px;
height: 140px;
background-image: url(images/imagem.jpg);
background-repeat: no-repeat;
}
</style>

<div id="imagem_sobreposta">
<img src="./images/+18.gif" alt="imagem" title="imagem" style="width: 100px; height: 140px;" />
</div>

Entendeu o código?


Até mais.

[Alex Hiroshi]

Outra opção é mudar os valores da propriedade z-index das imagens.

[Microbyte]

Muito obrigado pelas respostas!

O meu problema é que as imagens que ficam por trás não têm todas as mesmas dimensões, ou seja, umas são maiores e outras mais pequenas.

Quero as duas imagens centradas! 100 x 140 as duas, não apenas a +18.gif.
É que se a imagem.jpg é maior do que 100 x 140, simplesmente é cortada e não aparece toda, porque o div está mais pequeno (100 x 140).

Mais alguma solução?

Obrigado,
Microbyte

Edição feita por: Microbyte, 26/07/2006, 09:43.

[LarPhozyHah]

Online Viagra Quality Flagyl Without Insurance Propecia Cipla Canadian cialis price Zithromax 1g Discount Direct Cheap Elocon Visa Accepted C.O.D. Online Keflex Cefazolin

[LarPhozyHah]

Generic Viagra Louisville Ky Secure Clobetasol Psoriasis Medicine Low Price The Wrekin Tabletten Viagra cialis Comprar Cialis En Cadiz

[LarPhozyHah]

Prix Cialis Pharmacie Suisse cialis Venta Cialis Granada Buy Cialis 20mg
Cheap Prdnisone No Prescription levitra on sale United Pharmacies

[LarPhozyHah]

Keflex Herpes vardenafil in osterreich erhaltlich Generic Soft Viagra
Viagra Oder Cialis Forum Pas Cher Priligy Dapoxetine Buy Cheap Atomoxetine Online where to purchase low cost levitra Fluconazole Order In Usa Greece
Sildenafil Vente 120 Mg cialis Progesterone Website Amoxicillin For Chlamydia

[LarPhozyHah]

Equivalencia Cialis Viagra Viagra Generika Gut Viagra Frome India buy viagra Laboratorios Viagra What Is The Drug Cephalexin