position de acordo com a resolução

[niemer 0]

falae galera...seguinte: fiz um site, td bunitinho, e preciso da ajuda de vcs pra posicionar umas imagens, pois naum tô conseguindu... eu tô usando o "position:absolute; top:0; left:0;", mas qnd a resolução da tela eh alterada, a posição das imagens tbm, e isso naum pode acontecer, já q elas estão em posições definidas pela imagem de fundo.será q alguem pode me ajudar ai??? abraços...

[micox 2]

Não estaria ficando careca se tivesse lido os artigos de posicionamento do pa_bruno.

 

O segundo terá as explicações mais interessantes pra voce.

[niemer 0]

Não estaria ficando careca se tivesse lido os artigos de posicionamento do pa_bruno.O segundo terá as explicações mais interessantes pra voce.

o pior eh q já li sim... antes de postar fiz uma busca e o encontrei! http://forum.imasters.com.br/public/style_emoticons/default/upset.gif mas tipow, naum entendi nada.... http://forum.imasters.com.br/public/style_emoticons/default/cry.gif o q eu queria msm eh posicionar essas "imagens" naum de acordo com a página, e sim de acordo com essa imagem de fundo(q na verdade naum eh uma imagem de background. vô da uma lida lá de novo http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif mas enquanto isso, me dêem uma ajuda ai... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif abraços...

[pa_bruno 0]

eu tô usando o "position:absolute; top:0; left:0;", mas qnd a resolução da tela eh alterada, a posição das imagens tbm, e isso naum pode acontecer, já q elas estão em posições definidas pela imagem de fundo.

primeiro, no artigo diz tudim sobre isso... provavelmente teu site está centralizado, por isso este problema...segunda coisa, teu pensamento está errado, a imagem naum mudou de lugar, ela continua EXATAMENTE no pixel 0 0 no topo e na esquerda... o q você mudou foi a moldura do site, q está centralizado...como disse no artigo, se você quer posicionar algo de acordo com a moldura, você tem q colocar de acordo com o pai (o div geral)... eh soh ler com calma... leia primeiro o q eh cada valor do parametro position (relative, static, absolute e fixed), que aí sim, você saberá como fazer... ;)eh o q falo, pessoal tah esquecendo de ENTENDER o q cada elemento faz... jah estão fazendo sem entender... ae, com isso, possuem tantas duvidas, q na verdade são bem fáceis de resolver lendo o básico do css, vendo cada tag html e cada propriedade css... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif repito mais uma vez, naum eh nada de esporro nem nada naum, naum leve a mal... mta gente deve querer me matar pq sempre faço isso, mas lembrem-se, eu tb quero matar vcs d tanto vcs fazerem a mesma pergunta http://forum.imasters.com.br/public/style_emoticons/default/joia.gif desculpem a brincadeira, foi soh pra descontrair http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[niemer 0]

calma bruno...desculpe se naum me expressei bem... corigindo, a imagem naum está na posição top:0; left:0; coloquei isso como exemplo do q eu estava usando. e eu sei q ela naum mudou de posição, mas eh isso q eu quero fazer quando a resolução for mudada, entendeu? e desculpe pela minha ignorância, eh q eu nunca fui fã de css, eh q quando a gente naum gosta de uma matéria, naum tentamos enteder do q se trata. e já q você está me pedindo com tanto carinho :P vou reler sua matéria pela 3ª vez hj... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

e naum eh por nada naum, mas como eh q eu declaro essa minha imagem de fundo como div geral, e as outras imagens como div filho??? seria colocando a div pai como absolute e os filhos como relative?(eh soh isso q naum entendi na tua matéria.

 

abraços...

 

ps.: naum estou sendo sarcástico, eu sou brincalhão msm... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

ps.: naum estou sendo sarcástico, eu sou brincalhão msm... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

igualmente http://forum.imasters.com.br/public/style_emoticons/default/joia.gif leia lah... veja direitinho q você vai entender... o problema eh q se você naum setar um position relative pro pai dessa imagem, ela vai herdar do body ;)

[micox 2]

Ae niemer, uma coisa que costuma causar bagunça na cabeça da gente muitas vezes:"Se voce colocar position absolute em algum elemento, seu posicionamento será em relação ao primeiro ascentende (pai, avo) que tiver com o atributo position setado. Se não houver algum, será em relação ao body".Não sei se voce entendeu. mas quer dizer que se eu coloco position absolute num elemento X, daí coloco o top dele em 10px. Podem acontecer 3 coisas:1) o pai dele tá com algum position configurado: O top de 10px será em relação a este pai.2) O pai dele não tem position configurado, mas o avô está: o top de 10px será em relação ao avô.3) Nenhum parente ascendente tá com position configurado: O top de 10px será em relação ao body.Não sei se consegui explicar. Talvez seu problema seja isso. Coloque um position qualquer no pai da figura.

[pa_bruno 0]

tudo isso está explicado no artigo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[bluereal 0]

Ou seja, amigo, pra simplificar, coloca: margin: 0; padding: 0; no body, e depois pode colocar o position:absolute aonde você quiser, que não sai do lugar.Aproveita também para zerar todas as margens e paddings dos browsers setando :* { margin:0; padding:0; }no início de sua folha de estilos.Prontinho, baby!É o que tenho em uma situação, e não tenho o menor problema.Se eu estiver errada, basta me corrigirem... (os homens da casa quando não são "irônicos", costumam ser muuuuuito ocupados...)abrs (mesmo que femininos e aprendizes),Blue(com todo <respeito>!!</respeito>

[niemer 0]

esclarecendo

 

 

galera, obrigado pela ajuda, mas meu problema já foi resolvido...mas valew msm pela ajuda, qq coisa tamu ai... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif :D

 

meu problema naum era com o código css em si, mas com os divs, eu naum tava sabendo declarar um div pai e outro filho.., coisa simples, depois q vi uns exemplos q o pa_bruno passou nos artigos dele(q era a unica coisa q eu naum tinha visto) agora descobri q eh soh colocar um div dentro de outro div(pelo menos aki deu certo assim). http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

obrigado novamente a todos q me ajudaram.... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

abraços.... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[pa_bruno 0]

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

 

logo os exemplos, a parte mais importante q você naum vê? :angry: ahahahauahuahua

 

akele abraço... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif