Diogo lopes Postado Julho 2, 2009 Denunciar Share Postado Julho 2, 2009 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 topoMas 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 cssse 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! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Julho 2, 2009 Denunciar Share Postado Julho 2, 2009 Para sobrepôr elementos utilize o atributo CSS z-index. O padrão é zero. Ficam sobrepostos os elementos com o maior valor nesse atributo. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Diogo lopes Postado Julho 2, 2009 Autor Denunciar Share Postado Julho 2, 2009 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! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Diogo lopes Postado Julho 3, 2009 Autor Denunciar Share Postado Julho 3, 2009 alguém tem alguma idéia o por que de não estar funcionando o atributo z-index?ou conhece alguma outra forma para ser feito isso? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Willian Antunes Postado Julho 3, 2009 Denunciar Share Postado Julho 3, 2009 Da uma lida nisso:http://www.htmlstaff.org/ver.php?id=22367Poste o código que você fez e não funcionou ... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Diogo lopes Postado Julho 3, 2009 Autor Denunciar Share Postado Julho 3, 2009 (editado) Ok, eu irei ler esse link, caso não de certo eu volto aqui eposto novamente o código..Eu vou ler uma apostila de Xhtml novamente e ver se descubro alguma coisa a mais!Obrigado pela ajuda! Abraços! Editado Julho 3, 2009 por Diogo lopes Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Diogo lopes Postado Julho 3, 2009 Autor Denunciar Share Postado Julho 3, 2009 Eu consegui, valeu aê pela colaboração...só que to com raiva de mim mesmo, por que agora que eu consegui percebi que o latout ainda não está legal e vou refazer! <_< mas pelo menos eu aprendi se precisar novamente já sei onde estava o erro!Valeu! Att! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Rafael Spilki Postado Julho 4, 2009 Denunciar Share Postado Julho 4, 2009 Acontece amigão... não desanima! []'s Rafael Spilki Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Diogo lopes Postado Julho 4, 2009 Autor Denunciar Share Postado Julho 4, 2009 Desanimo, não...agora construi-lo denovo! e com sorriso no rosto :rolleyes: Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Diogo lopes
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!
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
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.