Jump to content


Photo

Como Deixar Uma Imagem De Fundo Sem Que Ela Se Rep


  • Faça o login para participar
18 replies to this topic

#1 Flasher

Flasher

    Normal

  • Banidos
  • PipPip
  • 85 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro
  • Interesses:webdesigner, flash, musica, mulher

Posted 12/08/2003, 00:29

OLá,

Seguinte, eu tenho uma tabela com 100% de largura. nela eu vou colocar os conteudos do site. o que eu quero fazer é colocar uma imagem de fundo nessa tabela, e essa iamgem de fundo tem que aparecer uma vez soh, no topo direito da tabela, sacaram?
Visitem meu fórum de webdesign e programação!! http://www.firemasters.com.br/forum

#2 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 12/08/2003, 00:33

<html>

 <head>

  <title>Cristiano G.</title>



<style>

.tabela { 

	background-image:	URL('img.ext');

	background-repeat:	no-repeat;

}

</style>



 </head>

<body>



<table class="tabela">

<tr>

<td>Oi</td>

</tr

</table>



 </body>

</html>

Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#3 Skull

Skull

    Tudo tem um começo

  • Usuários
  • 112 posts
  • Sexo:Não informado

Posted 12/08/2003, 10:38

Você também pode colocar na tag body o seguinte código:
bgproperties="fixed"

ficaria assim:
<BODY BACKGROUND="figura.extesão" bgproperties="fixed">

Fui... B)

#4 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 12/08/2003, 13:31

Negativo, vc colocar bgproperties="fixed" simplemente deixa o fundo imóvel...

O que ele quer é que o fundo naum se repita...
Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#5 Skull

Skull

    Tudo tem um começo

  • Usuários
  • 112 posts
  • Sexo:Não informado

Posted 12/08/2003, 13:46

:shit:
Cristiano,

Negativo, vc colocar bgproperties="fixed" simplemente deixa o fundo imóvel...

O que ele quer é que o fundo naum se repita...

fundo imovel=não repetição, a menos que a figura seja pequena por exemplo 80x80, se for 800x600 por exemplo a imagem não se repetirá, ou seja se a figura ocupar 100% da página não há repetição.
também é possivel ele simplesmente APRENDER A USAR UMA TABELA!!


:shit: Fui... :shit:

#6 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 12/08/2003, 15:08

:shit:
Cristiano,

Negativo, vc colocar bgproperties="fixed" simplemente deixa o fundo imóvel...

O que ele quer é que o fundo naum se repita...

fundo imovel=não repetição, a menos que a figura seja pequena por exemplo 80x80, se for 800x600 por exemplo a imagem não se repetirá, ou seja se a figura ocupar 100% da página não há repetição.
também é possivel ele simplesmente APRENDER A USAR UMA TABELA!!


:shit: Fui... :shit:

Um fundo 800x600 naum se repetirá na sua configuração de tela que deve ser essa ( 800x600 ), mas vc já pensou que existe usuários que usam 1024x768??? ;)

O jeito certo é background-repeat: no-repeat; mesmo...
Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#7 Skull

Skull

    Tudo tem um começo

  • Usuários
  • 112 posts
  • Sexo:Não informado

Posted 12/08/2003, 15:42

Um fundo 800x600 naum se repetirá na sua configuração de tela que deve ser essa ( 800x600 ), mas vc já pensou que existe usuários que usam 1024x768??? wink.gif

O jeito certo é background-repeat: no-repeat; mesmo...

Você deveria ler com mais atenção amigo, pois coloquei apenas um exemplo de resolução, também sei que existem vários usuarios que utilizam outras resoluções, mas você não pode esquecer que a maioria dos internautas utiliza 800x600 mesmo, logo (por ser a maioria) 800x600 é o padrão que os sites devem seguir.
Um web site deve ser feito para a maioria visualizar corretamente e não a minoria.
Sacou?

E sei que background-repeat: no-repeat; está certo mas não é a única maneira de fazer isso


Falow!
Fui! <_<

#8 Flasher

Flasher

    Normal

  • Banidos
  • PipPip
  • 85 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro
  • Interesses:webdesigner, flash, musica, mulher

Posted 12/08/2003, 18:52

Não quero que briguem.......afinal...Cristiano e Skull...aquele primeiro codigo postado dá certo?
Visitem meu fórum de webdesign e programação!! http://www.firemasters.com.br/forum

#9 crazybaby

crazybaby

    Cyber Eye

  • Banidos
  • PipPipPipPipPipPipPipPipPip
  • 1112 posts
  • Sexo:Não informado
  • Localidade:Divinopolis-MG
  • Interesses:ASP &amp; Design

Posted 12/08/2003, 19:09

Não quero que briguem.......afinal...Cristiano e Skull...aquele primeiro codigo postado dá certo?

testei aki e ta certim....

#10 Skull

Skull

    Tudo tem um começo

  • Usuários
  • 112 posts
  • Sexo:Não informado

Posted 12/08/2003, 20:07

Retificando:

Ambos os códigos estam certos.

Fui. :D

#11 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 13/08/2003, 14:15

É o seguinte,

imagem de fundo nessa tabela

Leia o que ele escreveu acima!

Agora leia o que vc escreveu:
<BODY BACKGROUND="figura.extesão" bgproperties="fixed">

O código que vc passou simplesmente deixa o fundo do BODY IMÓVEL!

O que ele quer é colocar a fundo na TABELA e que ele naum se REPITA

Ps. Eu em nenhum momento estive brigando, só respondendo aos posts dele!
Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#12 Kenshin

Kenshin

    Damage Inc

  • Ex-Admins
  • 621 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Zona Leste

Posted 13/08/2003, 14:23

Um web site deve ser feito para a maioria visualizar corretamente e não só a minoria.


Negativo.
Um site deve ser feito para TODOS visualizarem corretamente.
Hoje em dia, muita gente ja usa 1024X768. Fora 1280X1024...
Posted Image

#13 Skull

Skull

    Tudo tem um começo

  • Usuários
  • 112 posts
  • Sexo:Não informado

Posted 13/08/2003, 23:09

Eu tambem não estava brigando apenas respondendo o post.

Fui!! B)

#14 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 14/08/2003, 00:45

Eu tambem não estava brigando apenas respondendo o post.

Fui!! B)

Naum é o que parece.. <_<

E outra, vc relmante estava errado, e creio que isso seja uma coisa que vc deve aceitar.. Naum adiante ficar brabinho, postar com smilies de brabo, nada adiante, o que vc deve fazer é pedir até desculpas a todos e baixar a cabeça.. Se vc vai fazer isso eu naum sei, aí depende de vc.. ;)

E para que o fundo da tabela naum se repita, se usa o código CSS que o Cristiano passou...

Sem confusão alguma agora, ok??? :D

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#15 Guilherme Blanco

Guilherme Blanco

    Loading...

  • Conselheiros
  • 891 posts
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).

Posted 14/08/2003, 11:17

Background fixed deixa uma imagem adotada no background estática, mas não a previne de repetição.

Vejamos...
Eu crie uma imagem de 20x20 e o adote como background. Se quiser, fixe ela tb. Ela se repetiu?!! Sim... por que?! Porque você não setou para ela parar de se repetir, só a definiu estática.

Agora, com esta mesma imagem, utilize o código do Cristiano (se quiser, experimente user tudo numa linha só, assim-> background: url('img/back.jpg') no-repeat; ) E teste... curiosamente (e foi exatamente o queo usuário pediu), o fundo é uma imagem de tamanho 20x20, que não se repete por todo o documento.

Skull, acho que você deveria se redimir e pedir desculpas ao Cristiano.

[]s,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq