backgroud

[martinusso 0]

como faço para dimensinar uma imagem em backgroud?Criei uma imagem que será usada no fundo de todos os titulos de uma página, como o tamanho varia terei que colocar tamanho da imagem 100% e altura 16px;

[pa_bruno 0]

redimensionar a imagem naum dah... dah pra redimensionar o elemento q esteja recebendo ela como background

[martinusso 0]

pode me explicar melhor http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Entendi o que disse, mas pra mim não serve :angry:

 

valews http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

um div recebe uma imagem de background com 300px por exemplo... você naum consegue mudar o tamanho dessa imagem, somente o do div com o width: 300px; por exemplo, você muda pra 400px ae dependendo da repetição do background ele fica com um espaço de 100px ou se repete... ae depende http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[talita.r.g 0]

Olá...

 

Estou com o mesmo problema, possuo uma imagem como fundo lateral dentro do conteúdo, mas como esse conteúdo é variável, sua altura também varia, e o div estava com altura fixa de 619px, mas as páginas que possuem altura maiores que essa, ficam assim: Background errado sendo que elas teriam que ficar assim: Background certo . Para chegar nesse resultado, tentei usar altura do div como 100% referenciando no body a altura de 100%, tentei usar height:auto; mas nenhuma dessa tentativas deram certo, não posso usar um valor fixo de altura, pois é variavel... :wacko:

 

Qq eu faço? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Obrigada!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[THE_WATCHER 0]

Primeiramente... qual a background-image que você está falando? são aqueles pontinhos? Se quiser pode fazê-los usando um "border-style:dotted", que é pontilhado. Mas no IE fica uns traços ao invés de pontinhos.Como o Bruno disse acima, não pode redimensionr a imagem, mas você pode controlar sua repetição: repeat-x, para repetir na horizontal; repeat-y, para repetir na vertical; repeat, para repetir nas duas direções; e no-repeat para não repetir.Você também pode controlar a posição da imagem dentro do elemento.

[talita.r.g 0]

Olá,

 

Na verdade eu estou falando da "barra" cinza no canto direito da tela.

Eu não queria redimensionar a imaem em si, e sim o elemento mesmo, mas eu usei já o que você sugeriu, tanto repeat-y como controlar a imagem no elemento, mas não obtive sucesso :mellow:

 

Quando utilizou repeat-y ele fica assim:

 

Mas o correto é uma barra cinza até o final http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Meu código atual, que chegou na imagem acima:

#col3, #col3cardapio, #col3cardapio2, #col3lojas {	width:140px;	height:100%;	display:table-cell;	background-color:#e5e5e5;	background-image: url("imagens/img_csd_col3.gif");	background-position:top right;	background-repeat:repeat-y;	float:left;}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[micox 2]

tsc tsc tsc <_< ... você não leu o 3o artigo: http://www.imasters.com.br/artigo.php?cn=3692&cc=280

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[talita.r.g 0]

Oie,

 

Na verdade eu li sim, acontece que nada do que foi proposto no artigo deu muito certo, então acabei resolvendo de outro jeito, criando dois elementos, um contendo altura exata e outro variavel, pois realmente não funcionou...O que importa é que está arrumado :D

 

Vlw pela dica http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[micox 2]

Ok. se depois quiser postar aqui pra caso alguém tenha a mesma dúvida futuramente.té mais...