Zend FR

Consultez la FAQ sur le ZF avant de poster une question

Vous n'êtes pas identifié.

#1 21-07-2009 16:03:16

Polo_metz
Nouveau membre
Date d'inscription: 21-07-2009
Messages: 4

[Résolu] Problème CSS et IMG avec MVC

Bonjour à tous,

Je débute avec le Zend Framework et ce n'est franchement pas évident pour le novice que je suis, plus habitué à coder "à l'ancienne";

Bref, mon problème est le suivant :
Dans mes fichiers template, je lie mes feuilles CSS de la sorte :

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

Lorsque j'appelle une page sans spécifier l'action (par ex : localhost/v2/www/index) celles ci fonctionnent bien. Par contre, dès que j'indique l'action (localhost/v2/www/index/display), elles semblent ne plus êtres liées, il en est de même pour les images :-(
Sans doute y'a-t-il un problème au niveau de la réécriture de l'URL. Dans mon boot :

Zend_Loader::loadClass('Zend_Controller_Front');
Zend_Loader::loadClass('Zend_Controller_Router_Rewrite');
$controller = Zend_Controller_Front::getInstance();
$router = new Zend_Controller_Router_Rewrite();
$controller->setBaseUrl("/www/v2/");
$controller->setControllerDirectory('../app/ctrls');
$controller->throwExceptions(true);

Mon arbo :
app
|--ctrls
|--mods
|--views
lib
|--zend
www
|--css
|--img
|--js
|--index.php (bootstrap)

Merci à vous si vous essayez de m'aider !
Polo

Hors ligne

 

#2 21-07-2009 17:30:17

acharrex
Membre
Lieu: Suisse
Date d'inscription: 27-04-2008
Messages: 135

Re: [Résolu] Problème CSS et IMG avec MVC

Salut,

En fait il s'agit d'un simple problème d'URL dû au lien relatif "css/styles.css".

Lorsque tu te rends sur la page "http://localhost/v2/www/index", Apache va aller chercher ton styles.css ici  "http://localhost/v2/www/css/styles.css".

Par contre, lorsque tu vas sur "http://localhost/v2/www/index/display", il va aller chercher ta feuille de style CSS ici "http://localhost/v2/www/index/css/styles.css".

Utilises donc un lien absolu pour appeler ton styles.css :

Code:

<link href="[[$this->getBaseUrl]]/css/styles.css" rel="stylesheet" type="text/css" />

wink

PS : si tu veux aller "plus loin", tu peux également utiliser le View Helper HeadStyle

Dernière modification par acharrex (21-07-2009 17:33:55)

Hors ligne

 

#3 21-07-2009 18:41:52

Polo_metz
Nouveau membre
Date d'inscription: 21-07-2009
Messages: 4

Re: [Résolu] Problème CSS et IMG avec MVC

Merci !
Je suis presque bien.
Dois-je procéder de la même façon pour mes insertions d'images dans mes fichiers de vues et templates ?

Code:

<img src="[[$this->getBaseUrl]]img/une/vignette.jpg">

Hors ligne

 

#4 22-07-2009 00:24:59

acharrex
Membre
Lieu: Suisse
Date d'inscription: 27-04-2008
Messages: 135

Re: [Résolu] Problème CSS et IMG avec MVC

Oui tout à fait wink

Hors ligne

 

#5 22-07-2009 09:30:02

Mr.MoOx
Administrateur
Lieu: Toulouse
Date d'inscription: 27-03-2007
Messages: 1444
Site web

Re: [Résolu] Problème CSS et IMG avec MVC

Ce problème a été traité plusieurs fois sur nos forums.

Regardez du côté de la balise HTML <base />

Hors ligne

 

#6 22-07-2009 10:22:59

Polo_metz
Nouveau membre
Date d'inscription: 21-07-2009
Messages: 4

Re: [Résolu] Problème CSS et IMG avec MVC

Excusez moi si cela a déjà été traité.
J'ai trouvé une solution plus simple que je conseille aux débutants qui ne veulent commencer à jouer avec les Helpers ou autre BaseUrl
Se créer un Virtual Host (je pars de loin, oui, dsl). Il y a un tuto facile ici : http://wiip.fr/content/une-application-mvc-minimale
Ainsi on peut utiliser des liens "absolus" -> "/css/styles.css" pour les CSS, IMG, ect..
Merci de m'avoir répondu ;-)

Hors ligne

 

#7 22-07-2009 10:46:04

Mr.MoOx
Administrateur
Lieu: Toulouse
Date d'inscription: 27-03-2007
Messages: 1444
Site web

Re: [Résolu] Problème CSS et IMG avec MVC

La balise html <base> est tout de même beaucoup plus facile à mettre en place... Et même plus maintenable/évolutive en cas de changement de l'adresse de l'appli !

Hors ligne

 

#8 22-07-2009 19:18:19

Polo_metz
Nouveau membre
Date d'inscription: 21-07-2009
Messages: 4

Re: [Résolu] Problème CSS et IMG avec MVC

Mr.MoOx a écrit:

La balise html <base> est tout de même beaucoup plus facile à mettre en place... Et même plus maintenable/évolutive en cas de changement de l'adresse de l'appli !

D'accord !
Merci de ton conseil, je vais aller étudier cela.
Bonne soirée

Hors ligne

 

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

Graphisme réalisé par l'agence Rodolphe Eveilleau
Développement par Kitpages