1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Imagem dentro de div a "saltar"

Discussão em 'Web Development' iniciada por OldMan, 18 de Outubro de 2006. (Respostas: 8; Visualizações: 2844)

  1. OldMan

    OldMan Power Member

    Boas tardes!
    Tenho uma tabela com 4 TDs e em cada TD tem uma DIV e dentro da div tem uma IMG.
    A largura e altura da DIV esta na CSS e o url da imagem vem da base de dados.

    Ou seja, tenho uma div com 100x100px por exemplo, e uma imagem la dentro com 300x400px. So aparece os 100x100 porque assim eu quis, mas essa imagem e' um link, e quando eu carrego nela a imagem salta para o canto inferior esquerdo. (so acontece no FF)

    Pode haver 2solucoes, mas nao consegui nenhuma delas:
    1- pode-se alinhar logo a imagem ao canto inferior esquerdo da div
    2- fazer com que nao salte

    Alguem tem alguma ideia?
    Obrigado
     
  2. Galbne_PT

    Galbne_PT Power Member

    Boas,


    Se só acontece no FF, ultima das ultimas soluções, bloqueias o site só para usar o ie :(

    Cumps,
     
  3. ZoomBang

    ZoomBang Power Member

    Qual é o teu objectivo em colocar a imagem maior numa div menor?
     
  4. OldMan

    OldMan Power Member

    o objectivo era "recortar" parte da imagem em vez de ter que criar outra imagem com a medida de div, assim era so uma imagem que tanto dava para ver 100% como so aquele bocado
     
  5. jaac

    jaac Power Member

    Não percebi muito bem o que pretendes, mas podes "recortar" a imagem utilizando css.
     
  6. OldMan

    OldMan Power Member

    na pagina:
    Código:
    <td align="center" valign="top">
    <div class="divfoto">
    <a href="#"><img src="tal.jpg" border="0" width="160"></a>
    </div>
    </td>
    na css:
    Código:
    div.divfoto {
        overflow: hidden;
        border: 0px;
        width: 74;
        height: 74;
    }
    jaac, como estavas a pensar "recortar"?
     
  7. jaac

    jaac Power Member

    Da mesma maneira que estás a fazer :(

    A imagem salta? como assim?
     
  8. OldMan

    OldMan Power Member

    Última edição: 20 de Outubro de 2006
  9. OldMan

    OldMan Power Member

    acho que se nao arranjar solucao vou fazer como me lembrei agora (se funcionar)
    em vez de usar o link, na css faco para mudar o ponteiro do rato como se fosse um link ao passar por cima da imagem e depois ponho um onClick na imagem... vai dar ao mesmo e nao fica um link exactamente, por isso deve dar
     

Partilhar esta Página