CSS
Galera, mais uma...
Tipo, gostaria de setar todos os objetos da tela com posição fixa, ainda que a tela seja redimensionada, ja tentei absolute, fixed nos objetos, mas ainda nao resolveu...
Tentei também colocar uma div sobreposta à outra, tipo..a div de trás ficaria apenas com 20px escondida, mais especificamente, no bottom...como se fosse uma imagem surgindo por trás.
Designer web é mto show, mas até pegar o jeito é osso.. vlws
Tipo, gostaria de setar todos os objetos da tela com posição fixa, ainda que a tela seja redimensionada, ja tentei absolute, fixed nos objetos, mas ainda nao resolveu...
Tentei também colocar uma div sobreposta à outra, tipo..a div de trás ficaria apenas com 20px escondida, mais especificamente, no bottom...como se fosse uma imagem surgindo por trás.
Designer web é mto show, mas até pegar o jeito é osso.. vlws
Hmmm, pra poder ajudar, vou precisar ver o css, o html e de preferência um croqui do que vc quer...
cara, to sem o codigo aqui...
mas seria basicamente como na imagem..
mas seria basicamente como na imagem..
Não entendi o que vc quer fazer no segundo caso, mas para o primeiro é assim(escrevi de cabeça, pode não estar sintaticamente correto):
<html>
<head>
<title>teste</title>
<style type=[Ô]text/css[Ô]>
.fundo
{
background-color: Gray;
float: left;
width: 100%;
}
.lateral
{
float: left;
width: 150px;
}
.lateralsuperior
{
background-color: Blue;
width: 150px;
}
.lateralinferior
{
background-color: Green;
width: 150px;
}
.conteudo
{
background-color: Olive;
float: left;
}
</style>
</head>
<body>
<div id=[Ô]fundo[Ô] class=[Ô]fundo[Ô]>
<div id=[Ô]lateral[Ô] class=[Ô]lateral[Ô]>
<div id=[Ô]lateralsuperior[Ô] class=[Ô]lateralsuperior[Ô]>
superior
</div>
<div id=[Ô]lateralinferior[Ô] class=[Ô]lateralinferior[Ô]>
inferior
</div>
</div>
<div id=[Ô]conteudo[Ô] class=[Ô]conteudo[Ô]>
conteudo
</div>
</div>
</body>
</html>
<html>
<head>
<title>teste</title>
<style type=[Ô]text/css[Ô]>
.fundo
{
background-color: Gray;
float: left;
width: 100%;
}
.lateral
{
float: left;
width: 150px;
}
.lateralsuperior
{
background-color: Blue;
width: 150px;
}
.lateralinferior
{
background-color: Green;
width: 150px;
}
.conteudo
{
background-color: Olive;
float: left;
}
</style>
</head>
<body>
<div id=[Ô]fundo[Ô] class=[Ô]fundo[Ô]>
<div id=[Ô]lateral[Ô] class=[Ô]lateral[Ô]>
<div id=[Ô]lateralsuperior[Ô] class=[Ô]lateralsuperior[Ô]>
superior
</div>
<div id=[Ô]lateralinferior[Ô] class=[Ô]lateralinferior[Ô]>
inferior
</div>
</div>
<div id=[Ô]conteudo[Ô] class=[Ô]conteudo[Ô]>
conteudo
</div>
</div>
</body>
</html>
Ainda nem teste mas interessante que vc nem usou position.
2o caso:
Uma div por cima de outra (no caso o circulo), sendo que a parte cinza representa a parte que fica por baixo da div de cima.
2o caso:
Uma div por cima de outra (no caso o circulo), sendo que a parte cinza representa a parte que fica por baixo da div de cima.
Você quer que a div que ficaria [Ô]por cima[Ô] seja semi-transparente para aparecer a segunda? Isso?
nao nao...
deve esconder mesmo a [ô]de baixo[ô]
deve esconder mesmo a [ô]de baixo[ô]
Mas qual o objetivo disso???
como se fosse uma imagem surgindo tendeu? mas nao totalmente, um percentual do bottom continuará por baixo da 1a.
Tipo, a div [Ô]de tras[Ô], vai ter uma figura que vai estar parcialmente encoberta pela div [Ô]da frente[Ô], isso?
isssso
Tópico encerrado , respostas não são mais permitidas