background css

[fil79]

Boas

Gostaria de fazer uma coisa em CSS que consite em ter várias imagens de background:~

a)Nos primeiros 10% do monitor seria uma imagem;

b)Na parte central, 80% do monitor seria uma outra imagem;

a)Nos últimos 10% do monitor seria uma a mesma imagem de a);

Como posso fazer isso? Desde já agradeço

[yoda]

Os ecrãs variam hoje em dia, de 1800 a 800px .. É complicado fazeres isso, a nao ser com imagens gigantes ou javascript (pouco recomendado)

[fil79]

e com uma tabela?

[yoda]

continuavas com o problema das dimensões do ecrã, porque uma das células "teria" (penso eu que é isso que pretendes) de ter valor fixo e as outras 2 valor percentual.

O que podes fazer é arranjar uma imagem para o fundo que possas repetir, e que quando se repita, "bata" bem com os cantos da seguinte .. Não sei se me fiz entender. 

[fil79]

se usar:

<td width="10%"  >  imagem1 que se repete </td>

<td width="80%"  >  imagem2 que se repete </td>

<td width="10%"  >  imagem1 que se repete </td>

não funciona?

[yoda]

Não tás a perceber. Essas percentagens são sempre percentagens, num ecrã correspondem a 50px, noutro a 200px .. Para conseguires ter isso como queres, terias de arranjar imagens grandes.

[fil79]

ok, estou a perceber, mas isso não será problema pois é uma imagem muito fina que faz um degerade, para depois fazer repeat-x

[yoda]

Já podias ter dito isso .. e é a mesma do lado direito e esquerdo?

[fil79]

tens razão, não me expliquei bem..é a mesma imagem nas bordas e uma outra no centro (container principal)

[yoda]

Ah bom .. outra coisa : o container central tem largura fixa ou percentual? Se for fixa é mais simples ..

[fil79]

poderá ser fixa

[yoda]

Nesse caso podes aplicar o background a repetir nos cantos no body directamente, e meter uma div para o site assim :

#site {
  width: 900px;
  height: 400px;
  margin: 0 auto 0 auto;
  background: url(coise.png) no-repeat top left;
}

[fil79]

ok..muito obrigado

[yoda]

faltou uma coisa :

clear: both;