• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

tibi

colocar background em imagem

4 mensagens neste tópico

boas tardes

Estou com uns problemas para resolver esta situacao. este é o codigo que tenho no ficheiro .css e em baixo a linha que tenho no html na imagem

ficheiro css

.img{

background: url(./imagens/shadow.gif) no-repeat top left;

width: 153px;

height: 83px;

}

ficheiro html

<div class="img"><img src="./imagens/mapa.jpg" width="140" height="70"></div>

se estiver a trabalhar com imagens sempre com tamanhos certos, a imagem aparece me sempre com o background. ate ai tudo bem :P

so que nem todas as imagens vao ter o mesmo tamanho!!!

alguem me da uma sugestao de modo a que independentemente da largura e altura da foto ela apareca sempre com o background atras ajustado ao tamanho da imagem?

Se calhar nao devia meter o width e o height no css, mas ja tentei e nao tive muita sorte no resultado!!!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

dessculpa a ignorância, mas como nunca aqui meti nenhuma imagem, como e que eu faco isso? e que nao tenho sitio para meter a foto online

Mas ja agora aproveito para escrever mais.

Imagina uma foto com 100px  de width e 80px de altura.

fiz um quadrado branco com 105px por 85px, ao qual adicionei um shadow, isto no fireworks. e gravei como "shadow.gif".

No ficheiro css criei o seguinte div:

.img{

background: url(./imagens/shadow.gif) no-repeat top left;

width: 153px;

height: 83px;

}

no html:

<div class="img"><img src="./imagens/mapa.jpg" width="140" height="70"></div>

o que isto faz, alinha me a foto ao shadow ao topo e do lado esquerdo

mas se a imagem tiver outro tamanho, queria que o shadow adquirisse esse tamanho..

nao estou a ser muito explicito, mas tb nao sei como meter aqui a imagem!!! :wallbash:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

olhaa tu tas a colocar uma imagem no fundo de uma imagem e nao convem fazer isso

crias um

<div style="width:100px;Height:80px" >

<img src="./imagens/mapa.jpg" width="140" height="70">

</diV>

gora em relacao a propriedade do background, tu nao podes controlar o tamanho, esse tamanho e o tamanho da imagem que tas a usar, tu podes e colocar a repetir a imagem, ou posicionar na pagina aonde quiseres,

podes criar um div e poes ai i fundo e esse fundo mantes sempre e a imagem fica por cima.

se quiseres fazer uma moldura, para a imagem, diz que eu digote como crias um moldura para a imagem

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora