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

CSS

Discussão em 'Web Development' iniciada por SA-SS-A, 7 de Abril de 2008. (Respostas: 6; Visualizações: 577)

  1. SA-SS-A

    SA-SS-A Power Member

    Boa tarde,
    estou a fazer algo em CSS e tenho isto:

    (...)
    .datos_tec {
    float: left;
    position: relative;
    padding: 3px;
    background-color: transparent;
    width: 16%;
    height: 50%;
    border: #006699 2px solid;
    -moz-border-radius: 20px;
    (...)

    .datos_tec { <<<<<<< vao aparecer fotos dentro de uma tabela com borda visivel.

    O problema e' que as fotos sao de diferentes tamanhos. Como digo pra ele ajustar as fotos ao tamanho da tabela e não ao contrário ?

    cumps!
    [ ]
     
  2. toblesu

    toblesu Power Member

    experimenta fixares mesmo o width e o heigth, com valores em pixeis (em vez de percentagem como tens!)... fixas esse tamanho e a imagem tenha o tamanho que tiver ajusta-se a essa altura e largura, podes correr o risco é de perder qualidade da imagem, se ela for muito maior ou muito mais pequena que as dimensões que fixaste.....
     
  3. SA-SS-A

    SA-SS-A Power Member

    nao resulta
     
    Última edição: 7 de Abril de 2008
  4. hostmake

    hostmake Power Member

    é um bocado complicado estar a visualizar assim, esse .css é da tabela ou de um div?

    seja como for, não consegues com o .css do div\tabela.. forçar o tamanho da imagem, a imagem tem que ter o seu próprio css.
     
  5. SA-SS-A

    SA-SS-A Power Member

    e' de um div. Era bom que existisse um parametro que alterasse todas as fotos de uma página...
    vou pesquisar.
    obg
    cumps [ ]
     
  6. hostmake

    hostmake Power Member

    img { }

    lol
     
  7. SA-SS-A

    SA-SS-A Power Member

    soluçao mais simples:
    em vez de fazer no div, faço na img:

    Código:
    <img src="foto.jpg" alt="poster" /> <br />
    colei o codigo num txt e alterei todos os parametros alt="poster" por alt="poster" width="177" height="236" (sao as medidas do div [da frame à volta de cada imagem])

    assim defini o tamanho de cada imagem, que por acaso e' o mesmo do da div, sem trabalho nenhum.
     
    Última edição: 7 de Abril de 2008

Partilhar esta Página