mi7chael,
Falow, boa sorte com o resto do desenvolvimento. Qualquer dúvida continue mandando!
Abraço,
Pedro Putz
- Fórum WMO
- → Viewing Profile: Posts: Putz
Community Stats
- Group Usuários
- Active Posts 112
- Profile Views 2439
- Member Title Voltei... Outra vez!!
- Age 39 years old
- Birthday November 13, 1984
-
Sexo
Male
-
Localidade
Rio de Janeiro
0
Neutral
User Tools
Friends
Putz hasn't added any friends yet.
Latest Visitors
Posts I've Made
In Topic: Colocar Div Sobreposta Em Layout Ajustável
04/08/2007, 01:08
In Topic: Colocar Div Sobreposta Em Layout Ajustável
03/08/2007, 03:05
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
In Topic: Como Fazer Cartões De Visita?
15/07/2007, 22:12
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
In Topic: Problemas Com Imagens
09/07/2007, 15:47
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
In Topic: Criar Site Utilizando Illustrator
07/07/2007, 01:58
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
- Fórum WMO
- → Viewing Profile: Posts: Putz
- Privacy Policy
- Regras ·