Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal! Preciso da ajuda dos mestres da arte da implementação de layout via CSS.
Estou desenvolvendo um site, e meu cliente me pediu para colocar um background móvel, tipo o da imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.padresergio.com/imagens_ram/duvidas/fundo01.gif&key=15706000db16536a40a4dca4bcb1e0b2561944ebf60752413095523a4848a0d2" alt="Imagem Postada" />
O meu problema é o seguinte, como colocar a imagem no background, de forma que, quando ela se encaixe perfeitamente com o site, aponto de, quando eu diminuir a tela do navegador ela redimensione como do site que possui essa imagem, que segue no link abaixo.
http://www.systima-technology.co.uk/where_we_are.htm
Me disseram que isso é uma css.
Minha duvida é quanto a essa parte contornada em vermelho. Terei com construir uma imagem gigante para o o background?
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.padresergio.com/imagens_ram/duvidas/fundo02.gif&key=cdb1607c5e6e6ba21f8187140ec0dae9b25521d8bad1ba0d62dc6783ee77d1d9" alt="Imagem Postada" />
Agradeço todas as ajudas.
Bom, se for ajudar, ele não usa várias imagens de fundo. é apenas uma inteira o que torna todo o trabalho mais fácil. Veja abaixo a imagem que ele usa p você ter uma noção:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.systima-technology.co.uk/images/page_bg.jpg&key=0134f65bfab7f17c21a0a3ff6f01d1901168f63a41b7159ba42ad2f82635e51f" alt="Imagem Postada" />
dai o que ele faz eh usar outra imagem de fundo para o topo, complementando tudo. Basta encaixar com precisão. de uma olhada:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.systima-technology.co.uk/images/header_bg.gif&key=93d36be331b39bfbfd7a4b6ae548c4db58b495be848031f48faa04e087b9ad59" alt="Imagem Postada" />
na verdade é bem simples. basta usar o css para encaixar bem e centralizar o fundo que funcionará perfeitamente em qualquer resolução e te poupará um trabalhão para encaixar fundos, pois na verdade é apenas um soh.
Olá,
Experimente posicionar a imagem com um position: absolute ou relative e veja os resultados. Se optar pelo absolute penso que o resto das divs teram que ficar sobrepostas lá em cima.
Cumps \o/