Como montar esse box complicado.

[sr.silva 1]

Olá!

 

Estou tendo uma certa dificuldade em montar a imagem abaixo.

 

Já tentei com tabelas http://forum.imasters.com.br/public/style_emoticons/default/grin.gif ...div´s :blink: ..mais sem sucesso!! Pois se repararem tem um "raio" da máquina...que atrapalha um pouco o layout.

 

A idéia é simples: Ao clicar nas setas..a imagem de fundo, tem que mudar de acordo com o cadastro do banco de dados.

 

Se puderem ajudar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[brcontainer 16]

use position:absolute; top:; e left:;

para o desenho da camera ;)

e o resto é simples

 

falow

[sr.silva 1]

teria como me ajudar.

 

pois ja tentei fazer e não tive sucesso!

 

eu utilizei.

 

5 divs.

 

#DIV TUDO

#DIV DIR

#DIV ESQ

#DIV ROD

#DIV MEIO

 

agradeço!!

[sr.silva 1]

Bem,

 

Tentei fazer...mais a #DIV com a máquina, ficou bem distante do layout original.

 

O que fazer?

 

[]´s ;)

[William Bruno 1501]

Fiz com os position absolute, como o silverfox falou...

consegui o seguinte resultado:

 

(uma DIV por trás com a cor azul, e as outras em cima desta)

http://cenasordidas.hbe.com.br/exemplos/camera/camera.html

 

O código está todo na página.. mas a estrutura "em si" foi essa:

<div id="fundo">
<a href="#"><img src="ir.gif" alt="" class="ir"/></a>
<a href="#"><img src="voltar.gif" alt="" class="voltar"/></a>
<h3>Coberturas de Eventos</h3>

<div id="centro">
<img src="camera.gif" alt="" class="camera" />
............Conteúdo da Div <br />
que vai ir mundando... <br />
</div>
<h5>Jesus Vida Verão</h5>
</div>

Talvez ainda tenham alguns ajustes a serem feitos, mas considero bem satisfatório, testei IE7, IE6, Opera e FF.

[hunternh 2]

http://rapidshare.com/files/98502651/galeria.rar.html

[sr.silva 1]

Caramba..

 

Realmente os "experts" aqui...não mede esforços... putz!!! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Rapaziada..se vocês souberem como estava quebrando a cabeça pra fazer isso. http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Muito obrigado..show de bola.

 

Agradeço a todos que responderam...100%!!!

 

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

[sr.silva 1]

Caro tiu,

 

Sei que testou no FF mais no meu layou não ficou corretamente dentro do "quadrado".

 

Como posso corrigir?

 

[]´s

[William Bruno 1501]

Bom... qual "quadrado"?

Tem um link ou a parte do codigo em que está dando problema?

 

pq foi igual o conteudo em que você vai por as fotos, pra mim... tanto no IE como no FF.

[sr.silva 1]

Opa meu velho!!

 

Funcionou...foi um vacilo meu aqui..

 

show de bola!

 

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

[William Bruno 1501]

Agora que observei... realmente se for colocada uma imagem com dimensões maiores que a DIV que eu coloquei...

a imagem "sai pra fora"... nem me liguei de arrumar isso...

 

o código do hunter, já faz o redimensionamento tb... muito bom.. ^^

Qualquer coisa, volte a postar... que bom que está se resolvendo.

[sr.silva 1]

Pois é camarada.

 

Eu utilizei o código do hunter..em algumas partes e outras (position) do seu.

 

...mais fica ae minha gratidão!!