Ir para conteúdo

POWERED BY:

Arquivado

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

Prizin

Como montar um layout de site com imagens inseridas em divs?

Recommended Posts

Pessoal, estou desesperada. Eu gostaria de saber como eu posso construir um layout usando divs com imagens dentro. Para simplificar minha pergunta aqui vai o link do site que estou construindo:

 

Meu Layout

 

Eu fiz uma caca, peguei todas as imagens e exportei em gift, e depois criei varias div's no dreamweaver (uma em cima da outra) e coloquei as imagens dentro pra formar meu layout. Apesar do layout no dreamweaver ter ficado igualzinho o do Photoshop, eu sei que essa não deve ser a maneira correta.

 

Por favor me ajudem, o que eu faço pra resolver isso?

 

Desde já agradeço, Valew pessoal!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, que tal criar primeiro o layout em si?

 

esse fundo degradê, a àrea de conteudo centralizada, o espaço e as respectivas divs para cada coisa.. e só ai colocar o conteudo?

Existem declarações no CSS, que não tão no documento, e coisas do documento que não fazem o menor sentido...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, que tal criar primeiro o layout em si?

 

esse fundo degradê, a àrea de conteudo centralizada, o espaço e as respectivas divs para cada coisa.. e só ai colocar o conteudo?

Existem declarações no CSS, que não tão no documento, e coisas do documento que não fazem o menor sentido...

Bom, Tiu uill essa resposta não me exclareceu muita coisa..de que degrade você esta falando???

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tá... olha, tem muito código que não faz nada na tua página.

Eu disse para você fazer tudo novamente, começando do body(que tá com um background degradê)...

 

Recomeçando do zero o CSS.

 

ps: seu CSS tem 689 linhas!!!!! oO

h1, h2, h3, h4, h5, h6, ul, li, p { 
	margin:0; 
	padding:0; 
}
Poderia ser

* { /* seletor global, aplica em TODOS os elementos */
	margin:0; 
	padding:0; 
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

sua duvida é como construir um layout

 

http://www.dynamicdrive.com/style/layouts/

 

 

ou como colocar de fundo uma imagem na DIV

 

 

#div {
	background: transparent url(imagem.jpg) no-repeat center center;
}

cor de fundo será transparent

 

com a imagem imagem.jpg

 

não se repetirá

 

e será centralizada verticalmente e horizontalmente

 

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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