Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mzaidan

[Resolvido] Background sem tabela

Por , em Desenvolvimento frontend

Recommended Posts

mzaidan    2

mzaidan
Postado

Pessoal, tem como dar um background sem usar tabela?

 

Por exemplo:

 

<img src="principal.jpg" width="440" height="280" background="promocao.png">

 

Tentei isso e não consegui.

 

Na verdade eu preciso colocar uma imagem em cima de outra imagem e um texto em cima da primeira imagem.

 

Tipo: imagem01 sobre a imagem02 e um texto por cima da imagem01

 

Desde já agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

mzaidan    2

mzaidan
Postado

beleza.

 

Mas onde eu defino isso?

 

 

#ten_of_diamonds {

position: absolute;

left: 100px;

top: 100px;

z-index: 1;

}

Por exemplo, onde eu boto o nome das imagens e onde eu coloco esse código?

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

Você coloca no seu arquivo CSS.

Exemplo:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Exemplo</title>
<style>
 #primeira {width:520px; height:380px; background:#069; position:absolute; top:20px; left:30px; z-index:1;}
 #segunda {width:520px; height:380px; background:#F09; position:absolute; top:40px; left:50px; z-index:2;}
 #terceira {width:520px; height:380px; background:#B50; position:absolute; top:60px; left:70px; z-index:3;}
</style>
</head>
<body>
 <div id="primeira">Lorem Ipsum</div> 
 <div id="segunda">Lorem Ipsum</div>
 <div id="terceira">Lorem Ipsum</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

mzaidan    2

mzaidan
Postado

Pow, valeu cara, acho que era exatamente isso que eu estava procurando.

Vou tentar adaptar às minhas necessidades.

Mais uma vez obrigado.

Abraço e fica com Deus.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito