Fórum Problema com css #4488
10/04/2009
0
Em meu projeto há um pasta Thema com um stylesheet dentro. Até ai tudo bem, o problema que quando eu crio um background-image, a imagem não aparece quando rodo o site dentro do localhost. Estou achando que é o endereço da imagem. Meu link tá assim:
background-image: url('file:///C:/Documents and Settings/Administrador/Meus documentos/Visual Studio 2008/HofStore/HofStore/HofStore/../../imagems/background.jpg');
Quando aplico um cor ou outra coisa funciona. Já testei o site com htm fora do localhost e funciona perfeitamente.
outra coisa, gostaria que me explicasse o contole position: absolut, fixed, relative, static, inherit;
obrigada
Lorena Menelli
Curtir tópico
+ 0Posts
10/04/2009
Luiz Maia
Esse é o valor default para todo elemento HTML, o que significa que o elemento não tem posicionamento definido e seu fluxo ocorre normalmente no documento HTML. Não é necessário definir position:static para os elementos da página pois esse é o valor default. position: relative
Especificando position:relative agora você pode utilizar top ou bottom, right ou left para posicionar os elementos na página em relação ao lugar que ele ocuparia no fluxo do documento. #div1 {
position: relative;
top: 40px;
left: 20px;
}
Nesse exemplo posicionamos o elemento a 40px do topo e a 20px da esquerda em relação ao lugar que ele ocuparia no fluxo do documento. Vale lembrar que utilizando position:relative todo esse espaço que foi definido ainda continua sendo ocupado pelo elemento na página. position: absolute
Utilizando position: absolute agora podemos posicionar exatamente nosso elemento em relação ao primeiro elemento pai com posição diferente de “static” numa sequência até parar no body. #div1 {
position: absolute;
top: 40px;
right:0;
}
Vale lembrar que a patir do momento que utilizamos position: absolute ele perde a ordem no fluxo do documento e o espaço ocupado passa a não existir mais. position:relative + position: absolute
Observe o seguinte código HTML: <div id="div1">
<div id="div2"></div>
</div>
Se definirmos position: relative para a div1 e position: absolute para a div2 a partir de agora a div2 se posicionará absolutamente em relação a div1, não mais em ralação ao body da página. position: fixed
#div1 {
position: fixed;
top:40px;
left:10px;
}
Posiciona um elemento fixadamente na página em relação a janela, ou seja, independente de a pagina conter um scroll ou não, o elemento sempre ficará visíve ao usuário em relação as medidas definidas. Vale lembrar que esse tipo de posicionamento não funciona no Internet Explorer. Espero ter ajudado. Aguardo se retorno Lorena. Abraços Att Luiz Maia
Gostei + 0
13/04/2009
Devmedia
a resposta do consultor sanou sua dúvida? Podemos encerrar o chamado?
Gostei + 0
14/04/2009
Lorena Menelli
abraçu..
Gostei + 0
14/04/2009
Luiz Maia
Gostei + 0
08/05/2009
Lorena Menelli
Gostei + 0
09/05/2009
Luiz Maia
Gostei + 0
10/05/2009
Luiz Maia
Gostei + 0
11/05/2009
Lorena Menelli
Gostei + 0
11/05/2009
Lorena Menelli
Gostei + 0
11/05/2009
Lorena Menelli
Gostei + 0
11/05/2009
Luiz Maia
Gostei + 0
11/05/2009
Lorena Menelli
Gostei + 0
11/05/2009
Luiz Maia
Gostei + 0
11/05/2009
Lorena Menelli
Gostei + 0
11/05/2009
Luiz Maia
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)