Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

t4v4res

[Resolvido] Caminho relativo para CSS

Por , em Desenvolvimento frontend

Recommended Posts

t4v4res    0

t4v4res
Postado

Pessoal,

 

Estou testando meu site no apache, rodando local mesmo. Me deparei com um problema, meu browser só encontra o arquivo CSS quando eu uso o caminho absoluto no código html (ex: http://localhost/tal/tal/style.css). Quando tento usar o caminho relativo (pasta/style.css) o browser não encontra o arquivo.

 

Gostaria de saber como faço para usar o caminho relativo, ou devo necessariamente usar o caminho absoluto?

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Amigo acredito que seja outra coisa, que é bem comum entre diferenças de BROWSERS, ponha o código HTML e o CSS (no caso relativo).

Acredito que seja falha sua.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tash    5

Tash
Postado

Deveria funcionar... =)

 

Faz o seguinte, tenta declarar um elemento base dentro do head, pra testarmos se tem algo interferindo:

 

<html>
<head>
<base href="http://localhost/tal/tal"/> <!--Raiz do teu site-->
<link href="style.css" type="text/css" rel="stylesheet"/>
....

Se o base funcionar, significa que você provavelmente tá puxando um caminho errado. Lembre-se que os arquivos são sempre obtidos em relação a chamada atual...

 

Se não conseguir resolver, coloque a URL real de ambos o html e o css, e o código html que chama o css

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você por um acaso, está usando HTACCESS para sobrescrita de URL ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

t4v4res    0

t4v4res
Postado

Entao pessoal,

 

desse jeito não funciona no apache (mas funciona se eu rodar a página clicando nela):

 

<head><meta http-equiv="Content-Type" content="text/html; charset=charset=iso-8859-1"/>
<title>teste</title>
<link rel="stylesheet" type="text/css" href="pasta/style.css"/>
</head>

e desse jeito funciona certinho:

 

<head><meta http-equiv="Content-Type" content="text/html; charset=charset=iso-8859-1"/>
<title>teste</title>
<link rel="stylesheet" type="text/css" href="http://localhots/teste/pasta/style.css"/>
</head>

aí fiquei na dúvida se no servidor só roda com caminho absoluto ou se é eu mesmo que estou fazendo alguma coisa errada ao referenciar meu arquivo de CSS.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

t4v4res

 

você viu o que o pessoal disso

 

deveria funcionar...

 

como eles disseram..

mas você também pode fazer assim

 

<link rel="stylesheet" type="text/css" href="../pasta/style.css"/>

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

Olá t4v4res,

 

se por exemplo você tem uma index na pasta "teste" e seu css esta pasta "pasta", tal que seu site seja acessado assim

 

http://localhost/teste

 

então o correto é:

 

<link rel="stylesheet" type="text/css" href="pasta/style.css"/>

 

agora se o site esta em outra pasta no mesmo nivel de teste, digamos uma teste2, tal que seja acessado assim

 

http://localhost/teste2

 

o correto é referenciar o css assim|:

 

<link rel="stylesheet" type="text/css" href="../teste/pasta/style.css"/>

 

agora se seu site esteja em localhost sendo acessado assim:

 

http://localhost/

 

o correto seria:

 

<link rel="stylesheet" type="text/css" href="teste/pasta/style.css"/>

 

Essas são as possibilidades!

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

verifique também se está editando o arquivo certo..

por descuido editamos um arquivo e executamos outro.

é muito comum.

Compartilhar este post

Link para o post
Compartilhar em outros sites

t4v4res    0

t4v4res
Postado

Conseguiu solucionar o problema? :mellow:

sim, acredito tenha sido alguma bobeira minha.

fiz um novos testes colocando o caminho relativo (pasta/style.css) e deu certo... valeu!

 

 

 

pessoal, não é por nada não.. mas aqui vcs ajudam mesmo heim..

poucos minutos e já chove respostas.. muito diferente de outros fóruns que participo.. :)

com isso a comunidade só tem a crescer..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Obrigado pelo reconhecimento do nosso trabalho, e saiba que você também faz parte dessa equipe! Hoje você pode não estar ajudando a solucionar muitos problemas, mas com o que você aprende aqui, depois alguém aparece com a mesma dúvida e você poderá ajudá-lo. Dessa forma, todos aprendem: aquele que está pedindo ajuda, aqueles que estão acompanhando a resolução do problema mesmo sem opinar, e aqueles que efetivamente opinaram de alguma forma.

 

Ah! E quando eu digo "você", não é o "você, t4v4res" somente, hein?! Isso vale para qualquer um!

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito