Ir para conteúdo

POWERED BY:

Arquivado

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

Hildds

[Resolvido] Imagens

Por , em Desenvolvimento frontend

Recommended Posts

Hildds    1

Hildds
Postado

Olá a todos, tenho uma dúvida gigante a respeito do HTML, eu já desenrolei php já que lembra "C" mas tenho muitas duvidas sobre HTML, vou dar um exemplo aqui:

Fiz meu layout no Photoshop cortei ele todo com slice e salvei ele todo cortadinho já com um html produzido com as imagens juntas mas ela estão com a tag <img> ou seja não posso escrever sobre elas então quero transformar boa parte delas em background para pode escrever, tentei usar a tag

<body background ="img.jpg" width="x" height="y" alt="">

mais como a tag body não pode usar width e height não tenho como usar a tag body então peço ajuda a vocês por que mesmo que eu queira usar tabela não sei posiciona-la corretamente usando o dreamweaver.

Obrigado ~

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Henrique    1

Luiz Henrique
Postado

Não entendi o que quer fazer, pode ser mais claro!

 

E para que você quer redimencionar o body, insere uma div entre a tag body e redimenciona ela

<body>

<div id="nomedadiv">

</div>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado

você pode sim definir o width e o height no body sim

 

dessa forma

 

body {
	 width: 500px;
	 height: 500px;
}

você também consegue escrever em cima de uma imagem

 

utilize a propriedade z-index:;

 

para colocar uma imagem de fundo dentro de uma div

faça dessa forma

 

#id_da_div {
	 background-image: url(caminho_da_imagem.extensao);
	 background-repeat: no-repeat;
}

dá uma olhada nesse site que tem muita coisa

 

http://www.maujor.com/

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

você pode usar a propria DIV ao inves de redimencionar o body

 

CSS:

*{
margin:0;
padding:0;
}
body{
width:100%;
height:100%;
}
#corpo {
width:100%;
height:100%;
background: transparent url(caminho_da_imagem.extensao) no-repeat;
}
html

<div id="corpo">
seu conteudo HTML vai aqui dentro
</div>

qualquer coisa volte a postar ;)

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