mi7chael,
Falow, boa sorte com o resto do desenvolvimento. Qualquer dúvida continue mandando!
Abraço,
Pedro Putz
Putz's Content
There have been 6 items by Putz (Search limited from 25/04/2023)
#864098 Colocar Div Sobreposta Em Layout Ajustável
Posted by
on 04/08/2007, 01:08
in
CSS & Semântica (Tableless)
#863900 Colocar Div Sobreposta Em Layout Ajustável
Posted by
on 03/08/2007, 03:05
in
CSS & Semântica (Tableless)
mi7chael,
Eu não sei se entendi perfeitamente, mas vamos lá. A princípio o que você precisa é de uma imagem com um box na frente.
Bom, a solução que eu encontrei é a seguinte:
Para ver o exemplo funcionando: Ver Exemplo!!
Eu reorganizei a sua estrutura. Começando pela div que continha a imagem que, aparentemente, era uma div desnecessária, pois você pode mexer com os atributos da imagem direto. Retirei os floats do seu código, pois não entendi bem o significado deles nesse pedaço, talvez no site maior eles tenham sentido. E mudei pequenos detalhes de margem, cores e posicionamento.
A solução: O seu problema com o absoluto foi que você não definiu ao que ele seria absoluto. O posicionamento absoluto é definido de acordo com a posição do elemento mais próximo, em que ele esteja contido, que tenha um posição definida também, seja ela relativa, fixa ou absoluta. Então, o que fiz foi definir que os divs todos tem posição relativa. Assim o quadrado branco e a imagem, que coloquei com posições absolutas, serão absolutos ao div quadro imagem que os contém. Isso faz com que todos os dois fiquem no (0,0) da div quadro imagem. Depois com o Z-index você define que o quadro branco estará em um nível a frente da imagem. Quando o o código não contem um elemente com uma posição definida próximo ao seu elemento absoluto, este torna-se absoluto em relação ao body do arquivo, que foi o que aconteceu com você.
Bom, imagino que você ainda vá ter que adaptar essa solução ao seu problema real, então lembre-se mais das dicas em relação ao posicionamento. Espero ter chegado a solução mais próxima. E como detalhe, essa solução funciona no FF 2, IE7 e no IE6 (segundo o http://ipinfo.info/netrenderer/, pois não tinha o IE6 na máquina para testar.)
Abraço,
Pedro Putz
Eu não sei se entendi perfeitamente, mas vamos lá. A princípio o que você precisa é de uma imagem com um box na frente.
Bom, a solução que eu encontrei é a seguinte:
<!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>body {margin:0; margin-top:30px; margin-bottom:20px; padding:0; text-align:center; background-color:#000000;}div {position: relative;}div#tudo {width: 720px; margin: 0 auto; text-align:left;}div#conteudo {width:720px; padding: 20px 0; background-color:#CCCCCC;}div#quadro_imagem {width:198px; height:434px; padding: 10px; margin: 0 auto; background-color:#000000;}div#quadro_branco {width:100px; height: 100px; position: absolute; background-color:#FFFFFF; z-index: 20;}img#imagem {background-color: #FFFFFF; position: absolute; z-index: 10;}</style></head><body><div id="tudo"> <div id="conteudo"> <div id="quadro_imagem"> <div id="quadro_branco">Teste de Conteúdo</div> <img id="imagem" src="pedro.gif" /> </div> </div></div></body></html>Para ver o exemplo funcionando: Ver Exemplo!!
Eu reorganizei a sua estrutura. Começando pela div que continha a imagem que, aparentemente, era uma div desnecessária, pois você pode mexer com os atributos da imagem direto. Retirei os floats do seu código, pois não entendi bem o significado deles nesse pedaço, talvez no site maior eles tenham sentido. E mudei pequenos detalhes de margem, cores e posicionamento.
A solução: O seu problema com o absoluto foi que você não definiu ao que ele seria absoluto. O posicionamento absoluto é definido de acordo com a posição do elemento mais próximo, em que ele esteja contido, que tenha um posição definida também, seja ela relativa, fixa ou absoluta. Então, o que fiz foi definir que os divs todos tem posição relativa. Assim o quadrado branco e a imagem, que coloquei com posições absolutas, serão absolutos ao div quadro imagem que os contém. Isso faz com que todos os dois fiquem no (0,0) da div quadro imagem. Depois com o Z-index você define que o quadro branco estará em um nível a frente da imagem. Quando o o código não contem um elemente com uma posição definida próximo ao seu elemento absoluto, este torna-se absoluto em relação ao body do arquivo, que foi o que aconteceu com você.
Bom, imagino que você ainda vá ter que adaptar essa solução ao seu problema real, então lembre-se mais das dicas em relação ao posicionamento. Espero ter chegado a solução mais próxima. E como detalhe, essa solução funciona no FF 2, IE7 e no IE6 (segundo o http://ipinfo.info/netrenderer/, pois não tinha o IE6 na máquina para testar.)
Abraço,
Pedro Putz
#860244 Como Fazer Cartões De Visita?
Posted by
on 15/07/2007, 22:12
in
Teoria da arte e tipologia
Moderadores,
Como criador do tópico (a mais de 4anos!!!!!) comunico que já conheço soluções para a criação de cartões, eles podem ser feitos em qualquer programa (corel, ps, illustrator, etc) e enviados para gráficas ou bureaus, com os devidos sangramentos e as marcas de cortes. O ideal é sempre conversar com as pessoas do local onde irá mandar rodar seu trabalho pois eles te orientam na finalização dos arquivos, afinal eles conhecem melhor do que ninguém como o equipamento deles funciona.
Peço que o tópico seja então encerrado pra evitar "propagandas" e comentários a mais que confundam futuramente as pessoas que venham aqui. O tópico já te mais de 4 anos, muita coisa já mudou.
Grato,
Pedro Putz
Como criador do tópico (a mais de 4anos!!!!!) comunico que já conheço soluções para a criação de cartões, eles podem ser feitos em qualquer programa (corel, ps, illustrator, etc) e enviados para gráficas ou bureaus, com os devidos sangramentos e as marcas de cortes. O ideal é sempre conversar com as pessoas do local onde irá mandar rodar seu trabalho pois eles te orientam na finalização dos arquivos, afinal eles conhecem melhor do que ninguém como o equipamento deles funciona.
Peço que o tópico seja então encerrado pra evitar "propagandas" e comentários a mais que confundam futuramente as pessoas que venham aqui. O tópico já te mais de 4 anos, muita coisa já mudou.
Grato,
Pedro Putz
#859093 Problemas Com Imagens
Posted by
on 09/07/2007, 15:47
in
Software
Everton,
Pelo que você está falandoe a experiência que tenho, parece que o próprio hd do cara está ruim. Se na sua cópia algumas coisas já não foram copiadas e deram erros, é capaz do hd estar danificado. Vc já passou o scandisk?? Acusou badblock?? Esses arquivos que não abrem ou abrem pela metade normalmente são arquivos com defeito, erros de gravação, ou seja já veio do hd ruim.
Abraço,
Pedro Putz
Pelo que você está falandoe a experiência que tenho, parece que o próprio hd do cara está ruim. Se na sua cópia algumas coisas já não foram copiadas e deram erros, é capaz do hd estar danificado. Vc já passou o scandisk?? Acusou badblock?? Esses arquivos que não abrem ou abrem pela metade normalmente são arquivos com defeito, erros de gravação, ou seja já veio do hd ruim.
Abraço,
Pedro Putz
#858843 Criar Site Utilizando Illustrator
Posted by
on 07/07/2007, 01:58
in
Editores Vetoriais
Ebasílio,
Bom, eu costumo fazer o processo inteiro no photoshop, uso outros programas somente para produzir elementos em separado e depois vou agregando no PS, usando a facilidade dos smart objects. Então monto tudo e desmembro no PS mesmo.
Ps.: Só queria registrar aqui que vc é muito guerreiro, eu acho o Corel extremamente ruim e bugado e vc fazia sites com ele! Meus parabéns!
Abraço,
Pedro Putz
Bom, eu costumo fazer o processo inteiro no photoshop, uso outros programas somente para produzir elementos em separado e depois vou agregando no PS, usando a facilidade dos smart objects. Então monto tudo e desmembro no PS mesmo.
Ps.: Só queria registrar aqui que vc é muito guerreiro, eu acho o Corel extremamente ruim e bugado e vc fazia sites com ele! Meus parabéns!
Abraço,
Pedro Putz
#856777 Sugestão De Configuração
Posted by
on 25/06/2007, 17:57
in
Hardware
Klango,
Concordo com o EC, invista em equipamento novo, mais atualizado possível. Mas eu prefiro processador da intel, nesta página aqui existem vários comparativos entre processadores e programas específicos, há dois teste com o Photoshop. Neles os Athlons 64 ficam muito para trás, só os FX e 64 X2 que são melhores.
Tom's Hardware - CPU Charts
Eu acho que voce tem que ver quanto quer gastar, mas foque em processamento e memória. A questão da placa de vídeo é mais polêmica, há muita discussão no que ela influencia ou não nos trabalhos 2D, pra galera de 3D ela é sempre fundamental.
O meu PC já tem dois anos e é uma excelente máquina cara:
Pentium D 830 3.0GHz - Intel 945GNTRL - 3Gb DDR2 (2x512Mb 533 - 2x1GbMb 667 | Kingston!!) - Powercolor X1550 512Mb 120bits - 2x 80Gb Sata
Agora vão os detalhes:
Até esse mês eu tinha apenas 1Gb de memória e usava o vídeo onboard. Foi a soluçao que o dinheiro deu quando eu comprei o PC. Este mês eu resolvi mudar pelo seguinte motivo, com o processamento do vídeo dividido com o computador e ainda comendo um pouco da minha memória as coisas começaram a ficar meio lentas, por isso comprei a placa de vídeo indicada acima(uma placa barata, só pra desafogar o video) e coloquei mais 2Gb de memória, o que realmente fez a diferença!! Com os programas como PS aberto, fazendo arquivos mais pesado, só o PS pode chegar a consumir 1GB de memória!!! E quando sua memória lota, ele recorre a paginação do windows, que uma hora também lota e a coisa fica complicada.
Bom, resumindo, foca em processamento e memória, dentro do que sua grana pode pagar. Agora a dica principal é, escolha marcas de qualidade!!! Kingston, Intel, AMD, ABIT, Seagate... Fuja dessas coisas baratinhas, por mais que pareça oferecer o desempenho é sempre menor.
Não sei se fui muito claro, não sou nenhum especialista também, mas vamos discutir galera! Coloquem mais opiniões!
Abraço,
Pedro Putz
Concordo com o EC, invista em equipamento novo, mais atualizado possível. Mas eu prefiro processador da intel, nesta página aqui existem vários comparativos entre processadores e programas específicos, há dois teste com o Photoshop. Neles os Athlons 64 ficam muito para trás, só os FX e 64 X2 que são melhores.
Tom's Hardware - CPU Charts
Eu acho que voce tem que ver quanto quer gastar, mas foque em processamento e memória. A questão da placa de vídeo é mais polêmica, há muita discussão no que ela influencia ou não nos trabalhos 2D, pra galera de 3D ela é sempre fundamental.
O meu PC já tem dois anos e é uma excelente máquina cara:
Pentium D 830 3.0GHz - Intel 945GNTRL - 3Gb DDR2 (2x512Mb 533 - 2x1GbMb 667 | Kingston!!) - Powercolor X1550 512Mb 120bits - 2x 80Gb Sata
Agora vão os detalhes:
Até esse mês eu tinha apenas 1Gb de memória e usava o vídeo onboard. Foi a soluçao que o dinheiro deu quando eu comprei o PC. Este mês eu resolvi mudar pelo seguinte motivo, com o processamento do vídeo dividido com o computador e ainda comendo um pouco da minha memória as coisas começaram a ficar meio lentas, por isso comprei a placa de vídeo indicada acima(uma placa barata, só pra desafogar o video) e coloquei mais 2Gb de memória, o que realmente fez a diferença!! Com os programas como PS aberto, fazendo arquivos mais pesado, só o PS pode chegar a consumir 1GB de memória!!! E quando sua memória lota, ele recorre a paginação do windows, que uma hora também lota e a coisa fica complicada.
Bom, resumindo, foca em processamento e memória, dentro do que sua grana pode pagar. Agora a dica principal é, escolha marcas de qualidade!!! Kingston, Intel, AMD, ABIT, Seagate... Fuja dessas coisas baratinhas, por mais que pareça oferecer o desempenho é sempre menor.
Não sei se fui muito claro, não sou nenhum especialista também, mas vamos discutir galera! Coloquem mais opiniões!
Abraço,
Pedro Putz
