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

(Resolvido) Problemas com alinhamento


Diogo lopes

Pergunta

Bom, eu estou fazendo/desenvolvendo meu portfólio..o problema é que eu necessito que uma imagens sobreponha a outra.

Eu fiz da seguinte forma

-criei uma div container, dentro dela uma div chamada topo (é uma imagem com texto sobrepondo a imagem)

-e criei uma div logotipo onde o meu logotipo irá sobre a imagem do topo

Mas eu não to conseguindo! Vou postar o código! eu fiz o css a parte, então vou postar primeiro o documento xhtml e depois o css

se alguém puder me ajudar, eu quero colocar o logotipo sobre a imagem topo dentro da div container!

Obrigado!

<body>

<div id="container">

<div class="topo"><img src="banner.gif"  title="Banner" alt="Banner" />
</div>
<div id="logo" class="topo"> <img src="logotipo.gif" title="Logotipo" alt="Logotipo" />
</div>
css:
html, body{
    height:100%;
    background-image: url("textura.jpg");
}

#container{
    height:100%
}

#container{
    position:relative;
    margin:auto;
    width:927px;
    height:500px;
}

.topo{
    position:absolute;
    left: 0px;
    top: 0px;
    height: 927px;
    width: 166px;
}

#logo{
    left:50px;
    top:100px;
}

Observação: eu não costumava colocar imagem dentro de div, e dessa vez foi necessário eu não sei se eu coloquei direitinho!

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

eu denovo, eu dei uma organizada e cheguei ao seguinte mesmo assim ainda não deu certo!

<div id="topo">
<img src="banner.gif" alt="Banner" title="Banner" />
</div>

<div id="logotipo">
<img src="logotipo.gif" alt="logotipo" title="logotipo" />
</div>

Para sobrepôr elementos utilize o atributo CSS z-index. O padrão é zero. Ficam sobrepostos os elementos com o maior valor nesse atributo.

eu tentei usar z-index:1;

e z-index:2;

mas não funcionou!

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,3k
×
×
  • Criar Novo...