(Resolvido) Posicionar imagem em relação ao objeto "pai&quot

[cassianooliver]

Tenho o seguinte:

<p>
<img src="imagem.jpg" />
<span class="icone"><img src="icone.jpg" /></span>
</p>

O que quero fazer é o seguinte...

quero que o <span> fique sempre no canto inferior direito do <p>...

como fazer?

[tonzinhu]

tenta só dar um float:left no p

p{
float:left;
}

testei aki no IE e FF e de certo, se não foir isso posta avisa ai.

falora

[cassianooliver]

aí vai fazer o paragrafo ficar à esquerda, não isso que quero...

exemplo:

tenho uma imagem (sem tamanho definida) quero posicionar no canto inferior dela um icone de uma lupa, que quando clicado amplia a imagem...

[KaKarotto]

Oi cassiano o/

Então cara, eu não aconselho colocar dentro de um <p></p> essa "tela" que quer fazer. Eu faria isso dentro de um container, famoso "div".

Dá uma olhada, só troquei sua tag "p" pelo "div":

div{
     width:300px; height:auto;
     border:1px solid #336699;
     padding:10px; float:left;
     padding-bottom:0;
    }

    div img{
     width:100%; height:250px;
     display:block;
     background:red;


    }
    
    div span{
      display:block; width:50px; float:right;
      text-align:right; padding:0 10px 0 0;
      cursor:pointer; border:1px solid orange;
    }

É bem besta....A idéia é fazer um div que vai ser a tela de um tamanho x de largura. A altura vai ser automática, ou seja, é o mesmo tamanho da altura da imagem.

Dentro dela vai a imagem com altura y que você vai definir. A largura é 100% e terá a mesma largura da "tela". Embaixo da imagem vai o span flutuado a direita. ;)

Se for usar meu código e quiser modificar, basta mudar o tamanho da largura do elemento "pai" para o mesmo tamanho da imagem que você quer botar. E altera a altura do Css da imagem, para o tamanho da altura da imagem que quer colocar...

Akeleabrasssss

[cassianooliver]

era isso mesmo kakarotto!

agora só terei que adaptar a largura da div com o a largura da imagem, porque as imagens não terão largura fixa....

brigadão!