3 replies to this topic

[sekoloko]

Olá pessoal!
To com um problema que eu não consigo resolver!


Eu tenho uma imagem que deve ficar no "pé" da tabela... pra isso acontecer, fiz uma div com position absolute e coloquei ela lá.
acontece que, quando o cara redimensiona a janela, a imagem fica no lugar.. ela não se mexe!

Alguém pode me dar uma ajuda!?

o link é http://www.netboss.com.br/megatruck/

a imagem é a do caminhão ali embaixo!

por favor, se alguém souber como arrumar isto, ou tiver alguma dica e tal... to aceitando!

valeu galera!

abraços!

[Andreia Regina]

O problema é o position: absolute.

A posição deve ser relativa para alterar conforme a resolução.

[sekoloko]

ok...
mas se eu coloco relative ela fica ocupando um espaço onde eu inseri ela...
por mais que ela não esteja lá

¬¬

[Klaus]

Coloque uma div em volta da segunda tabela do seu código (destacada na imagem abaixo).

 tabela.png   53.4KB   5 downloads

Dê um id="exemplo" pra essa div.

Agora, dentro dela, coloque também uma outra div com id="caminhao".

Vai ficar assim: (resumindo, claro...)

<div id="exemplo">
  <table> esse é o código da sua tabela </table>
  <div id="caminhao"></div>
</div>

E adicionando algum CSS:

#exemplo {
  position: relative;
}
#exemplo #caminhao {
background: url( 'http://www.netboss.com.br/megatruck/imagens/caminhao_entrada.png' ) no-repeat 0px 0px;
bottom: 0px;
height: 184px;
left: 0px;
position: absolute;
width: 281px;
}

É isso!

Edição feita por: Klaus, 18/05/2007, 15:14.