[Resolvido] CSS não funciona

Tópicos relacionados a tecnologia de uma maneira geral

Moderador: diegotremper

[Resolvido] CSS não funciona

Mensagempor Marcos Luiz Wilhelm » Ter Ago 25, 2009 3:40 pm

Olá pessoal!
Tenho um problema no qual estou quebrando a cabeça a algum tempo...
Estou desenvolvendo uma aplicação com o zf e meu css não está funcionando na minha página...
cheguei a pensar que fosse algum problema de configuração do apache, mas não tenho certeza.

segue abaixo o arquivo css e o arquivo default.phtml:

default.phtml
Código: Selecionar tudo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Lojas Booba(tm)</title>
   <link rel="stylesheet" type="text/css" href="/ZF/booba/public/styles/zend.generic.css" />
</head>
<body>
   <?php echo $this->render($this->header)?>
   <div id="container">
      <!-- Conteudo da página -->
      <?php echo $this->render($this->body)?>
   </div>
   <?php echo $this->render($this->footer)?>   
</body>
</html>


zend.generic.css
Código: Selecionar tudo
@CHARSET "ISO-8859-1";

*{
margin: 0;
padding: 0;
}

body{
font-family: verdana, "frutiger linotype", "lucida grande", helvetica, arial, sans_serif;
text-align: center;
color: #333;
font-size: 76%;
}

h1{
color: #003d4c;
margin: 0.3em 0;
font-size: 180%;
}

#logomarca_customer{
background-color: green;
color: white;
font-family: Verdana;
font-size: xx-large;
font-weight: bold;
text-align: center;
}


Estou com um pouco de pressa pra terminar meu aplicativo... desde já agradeço a oportunidade de postar minha dúvida.
Marcos Luiz Wilhelm
Leitor
 
Mensagens: 4
Data de registro: Ter Ago 25, 2009 3:28 pm

Re: CSS não funciona

Mensagempor MauricioFauth » Ter Ago 25, 2009 5:09 pm

Se você estiver usando a versão 1.9, substitua:
Código: Selecionar tudo
<link rel="stylesheet" type="text/css" href="/ZF/booba/public/styles/zend.generic.css" />

por:
Código: Selecionar tudo
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl(); ?>/styles/zend.generic.css" />

baseUrl() é um view helper muito útil que foi introduzido na versão 1.9.
Se estiver usando uma versão anterior é só criar o seu próprio helper:
Código: Selecionar tudo
<?php
class Zend_View_Helper_BaseUrl
{
    function baseUrl()
    {
        $fc = Zend_Controller_Front::getInstance();
        return $fc->getBaseUrl();
    }
}
Sua dúvida foi respondida?
Vá até a primeira mensagem do seu tópico, clique no botão EDITAR, e escreva [Resolvido] antes do assunto.
Avatar de usuário
MauricioFauth
Participante
 
Mensagens: 35
Data de registro: Sáb Mar 07, 2009 2:33 pm
Localização: Toledo, Paraná

Re: CSS não funciona

Mensagempor mmsweb » Ter Ago 25, 2009 7:20 pm

MauricioFauth,

O metodo baseUrl foi implementado na versão 1.9, mas nas antigas pode ser feito assim, sem precisar criar o metodo. Dos dois jeitos da na mesma já que tem que dar o 'echo' do mesmo jeito...

Código: Selecionar tudo
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl; ?>/styles/zend.generic.css" />


Sobre o seu problema Marcos, provavelmente é porque você está informando o caminho completo na unha. Não é correto fazer desta maneira, ja que se por ventura vc modificar os diretórios terá que editar todos os arquivos um a um. Faça com o baseUrl que deve resolver o problema. Caso não funcione, verifique seu .htaccess para ver se o problema não é com o redirecionamento.

Lembrando que é muito importante especificar o RewriteBase caso esteja utilizando em um subdiretório no domínio, por exemplo:
www.meusite.com.br/zf/booba/ (digamos que aqui está o teu projeto do ZF)
no .htaccess que está localizado dentro do booba deve contar:
RewriteBase /zf/booba/

Abçs!
Abçs,

MMSWEB Internet - Soluções Interativas, Inteligentes e Eficientes.
Avatar de usuário
mmsweb
Participante
 
Mensagens: 45
Data de registro: Qui Dez 11, 2008 7:05 pm

Re: CSS não funciona

Mensagempor Marcos Luiz Wilhelm » Qua Ago 26, 2009 10:07 am

Estou usando o zendFramework 1.5 pra seguir aos requisitos do livro que estou estudando...
Fiz o uso do baseUr criando uma classe com function baseUrl na pasta helpers, aparentemente acho que fiz tudo corretamente, mas mesmo assim continua sem funcionalidade. dei um 'echo' no $this->baseUrl no meu .phtml e ele imprimiu 'ZF/booba'.

Como vc disse mmweb, estou enviando meu .htaccess pra vcs darem uma olhada se não há problema no redirecionamento.
Código: Selecionar tudo
RewriteEngine on
RewriteRule .* index.php
php_flag magic_quotes_gpc off
php_flag register_globals off


default.phtml
Código: Selecionar tudo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Lojas Booba(tm)</title>
   <link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl(); ?>/public/styles/zend.generic.css" />
</head>
<body>
   <?php echo $this->render($this->header)?>
   <div id="container">
      <!-- Conteudo da página -->
      <?php echo $this->render($this->body)?>
   </div>
   <?php
      echo $this->render($this->footer);
      echo $this->baseUrl().'/public/styles/zend.generic.css';
   ?>   
</body>
</html>


Marcos Luiz Wilhelm
Leitor
 
Mensagens: 4
Data de registro: Ter Ago 25, 2009 3:28 pm

Re: CSS não funciona

Mensagempor mmsweb » Qua Ago 26, 2009 6:14 pm

Certo, vamos la.
O teu index.php que é lido qndo acessa a tua url etá dentro da pasta public ou está um nivel acima? Se está na pasta public, vc deve tirar o '/public/' da url no teu template. Caso ela estiver em um nivel acima, você terá que redirecionar para o index dentro da public.

Qquer dúvida posta ai.

abçs
Abçs,

MMSWEB Internet - Soluções Interativas, Inteligentes e Eficientes.
Avatar de usuário
mmsweb
Participante
 
Mensagens: 45
Data de registro: Qui Dez 11, 2008 7:05 pm

Re: CSS não funciona

Mensagempor Marcos Luiz Wilhelm » Sex Ago 28, 2009 9:53 am

Consegui resolver! era um erro ignorante num comentário que eu fiz dentro do .htaccess da pasta application.
Mesmo assim, obrigado amigo.
Abraço!
Marcos Luiz Wilhelm
Leitor
 
Mensagens: 4
Data de registro: Ter Ago 25, 2009 3:28 pm

Re: CSS não funciona

Mensagempor mmsweb » Sáb Ago 29, 2009 1:31 am

hahha..malditos comentarios ne? rsrs

bicho, posta somente qual era o erro ai pra se alguem no futuro tiver algo parecido saber o que fazer...

abçs!
Abçs,

MMSWEB Internet - Soluções Interativas, Inteligentes e Eficientes.
Avatar de usuário
mmsweb
Participante
 
Mensagens: 45
Data de registro: Qui Dez 11, 2008 7:05 pm

Re: CSS não funciona

Mensagempor Marcos Luiz Wilhelm » Ter Set 01, 2009 11:05 am

Sim piah...
Coloquei um ponto e vírgula (;) na frente de um comentário, dentro do .htaccess.
Perdi um tempão mas aprendi um monte de coisas.

Abraço!
Marcos Luiz Wilhelm
Leitor
 
Mensagens: 4
Data de registro: Ter Ago 25, 2009 3:28 pm


Retornar para Assuntos gerais (Off-topic)

Quem está online

Usuários vendo este fórum: Nenhum usuário registrado online e 0 visitantes