• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

fil79

background css

14 mensagens neste tópico

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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. 

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora