veaoum 2 Report post Posted December 22, 2012 Boas lá começo eu com duvidas provavelmente básicas. Estou a tentar criar o meu primeiro site estou a faze-lo para a medida 1025*770 mas queria que ele depois ampliasse ou reduzisse para ficar na página toda do browser. É possível? Share this post Link to post Share on other sites
yoda 138 Report post Posted December 22, 2012 O que procuras chama-se fluid layout / fluid design Existe muita informação sobre o assunto no google, um exemplo : http://www.netmagazine.com/tutorials/create-fluid-layouts-html5-and-css3 before you post, what have you tried? - http://filipematias.info sense, purpose, direction Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 23, 2012 Trabalha as medidas em percentagem... Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 Ok eu trabalho em perecentagem, mas se trabalhar em percentagem isto não deforma as imagens? Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 Vai depender muito da qualidade e do tamanho delas. Estou a desenvolver um software e não ficam deformadas. Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 então existe uma tag para fazer o que em visual basic se chama stretch? Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 Que eu conheça, não. Mas é como te digo, defines uma percentagem à tag <img>, e automaticamente será reajustado a todos os monitores. Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 ok. Eu estava a pensar em defenir mesmo como background. pelo que dizes deve faze-lo aparte, certo? Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 Já agora como fazes isso? É que oi que tentei agora desregula-me tudo, ou seja a imagem sai da div..... Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 Queres definir uma imagem como background ? Põe 100% x 100% e vai-te ajustar a todos os monitores, quer sejam grandes, médios ou pequenos p.s: Certifica-te que a imagem tem qualidade suficiente. Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 não background do site todo, background de uma div. Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 É o mesmo processo. Se pretendes que te ocupe toda a div pões 100x100. Caso querias só 10 ou 20 % dessa div pões o valor correspondente... Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 Será que me podes dar um exmplo? eu estou a tentar fazer: <div style="position:absolute; top:0 px; left:0 px; width:100%; height:38%; background-image: url(imagem/cabecalho.jpg; height:100%; width:100% ); background-repeat:no-repeat;"> mas não funciona Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 (edited) Posso. <div style="background-image: url('imagem/cabecalho.jpg'); height: 80%; width: 14%;"> </div> Edited December 24, 2012 by NunoDinis Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 24, 2012 Se fizer isso fica igual ou melhor dá-me apenas a percentagem da imagem, Acho que não me estou a explicar bem vou dar um exemplo. Defino uma imagem que tenho 100px*100px e quiser colocar numa div com 200px*100px Ela vai aparecer duas vezes e não vai ampliar. Share this post Link to post Share on other sites
NunoDinis 40 Report post Posted December 24, 2012 (edited) background-repeat: no-repeat; Edited December 24, 2012 by NunoDinis Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
yoda 138 Report post Posted December 25, 2012 As imagens de fundo dos elementos não aumentam nem encolhem, no máximo consegues repetir na vertical, horizontal ou ambos a mesma imagem. before you post, what have you tried? - http://filipematias.info sense, purpose, direction Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 25, 2012 Asolução então seria criar uma imagem suficientemente grande para ocupar a janela toda independentemente do tamanho. Certo? Share this post Link to post Share on other sites
yoda 138 Report post Posted December 25, 2012 Não. A solução é arranjar uma imagem que dê para repetir ou posicionar. before you post, what have you tried? - http://filipematias.info sense, purpose, direction Share this post Link to post Share on other sites
veaoum 2 Report post Posted December 26, 2012 Mas uma imagem com gradiante é complicado repetir. Share this post Link to post Share on other sites
HappyHippyHippo 1,188 Report post Posted December 26, 2012 Mas uma imagem com gradiante é complicado repetir. nem por isso ... ima imagem de gradiente não é complicado repetir. mas o mais leve seria usar os gradientes em CSS http://webdesignerwall.com/tutorials/cross-browser-css-gradient IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Share this post Link to post Share on other sites
