CSS
Srs. Bom dia! Como passaram de ontem? Espero em Deus que todos bem... ok.
Como é de se esperar para todo noob estou aqui de novo, que para muitos pode ser bobeira, vamos lá:
O X da questão é: Quero colocar uma imagem dentro da DIV SITE, de forma que ela se encaixe perfeitamente
dentro dela, digo, que nao ultrapasse os limites, ainda que a DIV SITE possua cantos arredondados(RADIUS),
tentei fazer isso mas a imagem saltou para fora da div com a opção RADIUS, onde fica a [ô]dobrinha[ô];
Depois tentei colocar um z-index na imagem, claro com valor menor que todos, mesmo assim a danadinha
ficou por cima de tudo; a solução que no momento mais acalhou foi pelo Background, porem no resize do
navegador a imagem fica meio que desfocando, porque o browser tenta re-renderizar ae nao gostei muito
do resultado;
Em suma, quero colocar uma imagem dentro da DIV SITE, que fique por baixo das demais e nao ultrapasse os
limites da Div;
Outro ponto é que nao consequi aplicar o Overflow na DIV SITE, tipo no documento está como Overflow:Hidden, e na DIV SITE está como Auto, porém nao funciona, tentei outras opções sem sucesso, a unica que aceitou foi Scroll, porem fica desabilitada, mesmo com Overflow true;
Estou usando a versao 2012 do Visual Studio.
Grato a todos.
Como é de se esperar para todo noob estou aqui de novo, que para muitos pode ser bobeira, vamos lá:
O X da questão é: Quero colocar uma imagem dentro da DIV SITE, de forma que ela se encaixe perfeitamente
dentro dela, digo, que nao ultrapasse os limites, ainda que a DIV SITE possua cantos arredondados(RADIUS),
tentei fazer isso mas a imagem saltou para fora da div com a opção RADIUS, onde fica a [ô]dobrinha[ô];
Depois tentei colocar um z-index na imagem, claro com valor menor que todos, mesmo assim a danadinha
ficou por cima de tudo; a solução que no momento mais acalhou foi pelo Background, porem no resize do
navegador a imagem fica meio que desfocando, porque o browser tenta re-renderizar ae nao gostei muito
do resultado;
Em suma, quero colocar uma imagem dentro da DIV SITE, que fique por baixo das demais e nao ultrapasse os
limites da Div;
Outro ponto é que nao consequi aplicar o Overflow na DIV SITE, tipo no documento está como Overflow:Hidden, e na DIV SITE está como Auto, porém nao funciona, tentei outras opções sem sucesso, a unica que aceitou foi Scroll, porem fica desabilitada, mesmo com Overflow true;
Estou usando a versao 2012 do Visual Studio.
Grato a todos.
Cantos arredondados são um verdadeiro tormento. Para browsers porcaria(em outras palavras Internet Explorer), na maioria dos casos as coisas acontecem bem diferente de como deveriam e tem que ficar fazendo gambiarra para poder funcionar. Outro detalhe importante, é evitar ao máximo o uso de posicionamento absoluto, isso também faz os conteúdos [Ô]saÃrem do lugar[Ô]
Eu achava justamento o contrário, que o relativo é que desorganizava.
Procure sempre trabalhar com posicionamento relativo. Eles são mais [Ô]fluÃdos[Ô], se ajustando a qualquer resolução de monitor.
Mas percebo que à s vezes eles [Ô]cedem[Ô] muito fácil à qualquer elemento proximo, desorganizando assim o layout.
Por isso que você tem que [Ô]manjar[Ô] muito bem sobre eles, uma vez ajustados corretamente, fica tudo muito mais simples. O truque é se usar masterpages, os placeholders de conteúdo dela devem estar dentro das divs de layout e não o contrário. Dessa maneira tudo vai estar sempre ajustado.
Exato, já uso assim.
Tipo assim:
Dae quero deixar o Body com um background tipo [ô]Padrao[ô], e na Div Site colocar uma imagem de fundo, sem que ela interfira no comportamento das demais div[ô]s.
Tipo assim:
Citação:
<body>
<form>
<div class=[Ô]Site[Ô]>
<div class=[Ô]Topo[Ô]>
</div>
<div class=[Ô]Mensagem[Ô]>
</div>
<div class=[Ô]MenuEsquerda[Ô]>
</div>
<div class=[Ô]Conteudo[Ô]>
<ContentPlaceHolder ..>
</ContentPlaceHolder>
</div>
<div class=[Ô]Rodape[Ô]>
</div>
</div>
</form>
</body>
Dae quero deixar o Body com um background tipo [ô]Padrao[ô], e na Div Site colocar uma imagem de fundo, sem que ela interfira no comportamento das demais div[ô]s.
Rpz to apanhando feio no design e css, mas a gente chega lá.
Para colocar uma imagem de [Ô]fundo[Ô] em uma div, no estilo dela use:
background:url(../imagens/minha_imagem.jpg) bottom no-repeat;
background:url(../imagens/minha_imagem.jpg) bottom no-repeat;
to ligado KERP,
a questao é quando tenho que arranjar as boxes onde os conteiners de baixo levam alguma foto como background.
ps. voltei pro 2010, o 2012 , nao sei se porque nao acertei, nao ta dando overflow nas boxes.
a questao é quando tenho que arranjar as boxes onde os conteiners de baixo levam alguma foto como background.
ps. voltei pro 2010, o 2012 , nao sei se porque nao acertei, nao ta dando overflow nas boxes.
Mas relaxa, essa parte de ajustar lay-out é mesmo MUITO ruim e nem sempre é lógico...
Tópico encerrado , respostas não são mais permitidas