Ir para conteúdo
Fórum Script Brasil
  • 0

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


cassianooliver

Pergunta

4 respostass a esta questão

Posts Recomendados

  • 0

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

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...