Aumentar imagem com CSS

[BTG 0]

Olá meu primeiro POST aqui no forum.

Eu procurei aqui no forum sobre como aumentar uma imagem com CSS, achei alguns resultado, mas não do modo como eu queria.

Gostaria de saber se tem como aumentar uma imagem dinamicamente no css, sem repeti-la, ou seja estica-la.

No meu código eu coloquei desta forma:

 

#informa{
	width:581px;
	height:800px;
	background:url(../Images/conteudo.jpg);
	overflow: scroll;
}

So que o que acontece ela fica repetindo quando os dados ultrapassam o tamanho da área que eu estipulei, caso eu bloqueie isto, fica um espaço em branco.

Eu gostaria de apenas prolongar a imagem.

[tiagosabadini 4]

Olá BTG, vamos ver se entendi o que você quer:

 

Se você quer que o seu bg fique do tamanho do elemento que você especificou 581x800px você realmente precisa colocar uma imagem deste tamanho. Pois o css não vai aumentar a sua imagem. você pode fazer isso facilmente com o photoshop.

 

Caso sua imagem não seja necessariamente um background, você pode inserir diretamente no html com a tag <img /> e com o css aumentar essa imagem usando os atributos que você colocou para o seu elemento.

 

 

espero ter ajudar, B)

[BTG 0]

Opa, então eu vejo em alguns sites que o pessoal consegue criar imagens tipo de borda e ela apesar de ter o tamanho inicial bem pequeno, ela na apresentação do site fica maior, proporcional ao conteúdo que estiver dentro dela.

Era isso que eu queria fazer.

[Giovani 104]

BTG, eu ainda não consegui entender bem o que você quer.

Tem como exemplificar melhor ou passar o link de alguma site que tenha o que você deseja?

[William Bruno 1501]

lightbox ?

 

http://leandrovieira.com/projects/jquery/lightbox/

[BTG 0]

Eu vi isso em alguns sites, mas não consigo me recordar de quais.

Basicamente é isso.

Imagine uma foto assim: |(distancia X)|

Dentro daquele espaço X eu posso colocar o que eu quiser, o que eu queria era fazer o seguinte, colocar literalmente qualquer quantidade de informação naquele espaço, sem me limitar a aquela distancia X, se por exemplo eu ultrapassar a distancia, a imagem se adapte ao meu problema. entende?

Ou seja a imagem original passaria a ser assim:

Imagem:| (distancia X)+(distancia Y) |

Este efeito de esticar o qual eu me refiro, isso sem a imagem se repetir.

Entende?

Espero ter sido mais claro desta vez

[Untill 0]

Em caso como este que você citou são comuns o uso de 3 imagens, o topo, o centro que basicamente deve ser pattern para que este possa por ventura repetir e a imagem final, acredito que a solução para o seu problema seja algo similar, peço também que se possível você poste uma imagem de como seria este eventual background.