Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Adriano Batista

Como redimensionar o background?

Por , em Desenvolvimento frontend

Recommended Posts

Adriano Batista    0

Adriano Batista
Postado

Boa noite pessoal, estou com uma pequena duvida sobre background no css.Eu gostaria que a imagem do background aumentasse ou diminuisse de acordo com o tamanho da celula, ou seja, nao quero que o background tenha um tamanho fixo ou que fique repetindo, gostaria que ele se redimensionasse sozinho.Pesquisei na net e achei essa linha de comando que faria isso que eu to querendo eu acho:background-size: 100%;Porem isso ai nao esta funcionando, alguem tem ideia do que posso fazer?Ficaria agradecido[]sAdriano

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adriano Batista    0

Adriano Batista
Postado

Bom pessoal, nao consegui achar como redimensionar, entao criei uma tabela com um background diferente em cada celula usando css para nao repetir o fundo e repetir somente x ou y.

Para ficar legal acabei criando um iframe tambem.

Mas estou tendo uma pequena dificuldade agora.

O site nao ta abrindo no internet explorer e o menu do lado esquerdo esta ficando com uma parte em branco como podem verificar no link:

http://www.mineirodoido.net/age/

Ali eu coloquei um background na celula debaixo e pedi para ele ficar somente no topo alinhado a esquerda com esse codigo:

 

background-image: url(fundo1dow.png);

background-repeat: no-repeat;

background-position: left top;

 

Porem esta centralizado, e nao alinhado la em cima.

 

Alguem teria uma alternativa ou solução para meu caso? tudo que eu queria era ter um menu parecido com esse e essa imagem sobre o menu, abrindo as paginas do lado direito com as devidas informações.

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

tem como fazer isso só no IE com filtros!!mas naum é o caso do forum!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

com esse código você consegue fazer isso no html todo mas naum vejo como fazer isso numa td ou table sem o uso extremo de javascript acredito q será um trabalho enorme para uma feature que ao meu ver naum é muito essencial!!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>html{	height: 100%;}body{	background-color: transparent; 	margin: 0px; 	padding: 0px; 	height: 100%; 	z-index:0; 	position:relative;}img#bg{	height: 100%; 	width: 100%; 	z-index: -1; 	position:absolute; }</style></head><body><img src="img.gif" alt="" id="bg" />teste</body></html>

 

 

testei no ff e no ie e funcionou muito bem!!

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

olha q interessante no ff vai mas no ie ele c perde por causa do margin da table!! c tirar a margin ai vai!!

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><script>window.onload = window.onresize = function(){		var bg = document.getElementById("bg");	var obj = document.getElementById("essa");		bg.style.display="none";		bg.style.top = (obj.offsetTop+1)+"px";	bg.style.left = (obj.offsetLeft+1)+"px";	bg.style.width = obj.clientWidth+"px";	bg.style.height = obj.clientHeight+"px";		bg.style.display="block";}</script><style>html{	height: 100%;}body{	background-color: transparent; 	height: 100%; 	z-index:0; 	position:relative;}img#bg{	z-index: -1; 	position:absolute;	display:none;}table{	margin:30px;}</style></head><body><img src="img.gif" alt="" id="bg" /><table border="3" cellspacing="4" cellpadding="4">  <tr>	<td>1</td>	<td>2</td>  </tr>  <tr>	<td>3</td>	<td id="essa" width="100" height="100">4</td>  </tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adriano Batista    0

Adriano Batista
Postado

hum...

vlw pelas respostas, vou procurar é mudar tudinho mesmo, parece que o negocio ta ficando complicado para uma coisa relativamente simples que estou querendo fazer, nao compensa.

A principal intensão era ter um menu parecido com o desse site:

http://www.agecommunity.com/

E ao clicar abrir uma pagina ali do lado.

Mas parece que nao funcionou muito bem :(

De qualquer forma obrigado pelas respostas.

Alguem saberia me indicar um site ou o que mais ou menos eu deveria procurar saber? Tipo o menu parecido eu ja tenho, ali seria um iframe abrindo do lado?

Se for, como fazer para ele acompanhar a barra da janela principal?

Ja estou fungindo muito ne do principal assunto do forum CSS / XML / XHTML

Se alguem puder dar uma orientada

[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito