[DÚVIDA] html/css

h677

Power Member
Boas pessoal, preciso de uma ajuda... :

html:

<link rel="stylesheet" type="text/css" href="_css/estilo.css"> -> para chamar o css

e no css tenho assim:

body {
background-image:url("_css/patriotspt.jpg");
color:white;
}

Vou ao Opera, e a imagem como background não aparece... fica em branco...
A imagem como dá para ver ta na pasta _css ... já num outro site que fiz tive o msm problema -.-'
O que fiz de mal?
 
Os caminhos no CSS são relativos ao caminho onde está o próprio ficheiro. Se o patriotspt.jpg está na mesma pasta (_css), tem de ser chamado apenas com o nome, sem _css atrás. Mas podias criar uma pasta images, ao mesmo nível da _css (já agora, não sei por que há de ter o underscore), pôr lá a imagem e chamar:

Código:
background-image:url("../images/patriotspt.jpg");
 
Os caminhos no CSS são relativos ao caminho onde está o próprio ficheiro. Se o patriotspt.jpg está na mesma pasta (_css), tem de ser chamado apenas com o nome, sem _css atrás. Mas podias criar uma pasta images, ao mesmo nível da _css (já agora, não sei por que há de ter o underscore), pôr lá a imagem e chamar:

Código:
background-image:url("../images/patriotspt.jpg");

Obrigado , já funcionou :P

Tem o underscore mesmo por organização , pastas primeiro, arquivos, ficheiro, imagens para o fim xD
 
Já agora posso meter assim:

background-image:url("../images/patriotspt.jpg") no-repeat;

É que se faço isso, a pagina fica em branco..

O meu objetivo é dps no site ter alguns links e não ter que redimensionar a foto para cada link ... porque há sempre um com mais texto que o outro... então com pouco texto , fica bem, o background ocupa tela o browser bem.. se tem mt texto (com scroll) a imagem comeca-se a repetir..
 
Há uma propriedade background-repeat, não podes pôr isso no background-image. Podes juntar várias propriedades usando apenas background.
 
Há uma propriedade background-repeat, não podes pôr isso no background-image. Podes juntar várias propriedades usando apenas background.

Então se inves de meter background-image meter background-repeat , ja fica como o meu objetivo ne? vou testar e ja digo algo!

Edit:

Esquece, ja percebi xD
 
Última edição:
Meti assim:

body {
background-image: url('../_css/patriotspt.jpg');
color:white;
background-repeat: repeat-y;
}

Ta bem?

ps: Ainda n testei tou a formatar outras cenas primeiro..
 
Sim, é essa a ideia do background-repeat.

Na linha do background-image não precisas do "../_css/", podia ser apenas "patriotspt.jpg", se vai ficar tudo na mesma pasta. Assim funciona, mas estás a andar para trás (".." significa a pasta acima) e depois para a frente para "_css", o que é desnecessário.
 
Back
Topo