Contao 3 et feuille de style css externe

[MIMATA]

Bonjour,

Je n'utilise pas le framework CSS de Contao car je perds trop de temps et ça me complique la vie, alors je m'en tiens à ma bonne vielle méthode : la feuille de style codée à la main, en dur et envoyée en FTP...mais...j'ai un problème de rafraîchissement de la feuille de style.
En fait, la feuille de style est bien prise en compte la première fois mais ensuite, quoi que je fasse et quoi que je modifie, la feuille de style ne semble pas être rafraîchie...alors que j'ai bien désactivé tous les caches possibles dans Contao, vidé le cache du navigateur, essayé avec un autre navigateur sur un autre PC, purgé les données dans "Maintenance" et même si je supprime la feuille de style en ligne et que je pointe directement sur elle (alors qu'elle n'y est plus...) elle s'affiche encore comme si de rien n'était, toujours dans sa version initiale !

Quelqu'un a une idée de solution ?

[MIMATA]

Ohlala mais c'est infernal ce système de cache ! Je veux faire le truc le plus simple du monde : gérer moi même et directement la feuille de style mais rien n'y fait, Contao dans sa version 3 met en cache tout ce qui arrive et ne tient plus compte des modifications faites. Je mets mes fichiers dans files/css/ mais il utilise des fichiers qui semblent virtuels puisque je ne les trouvent même pas sur le serveur distant et qui font référence à asset/css, y compris les images incluses dans les css... C'est incompréhensible... !

Comment faire pour désactiver ce comportement de façon à ce qu'on puisse gérer tranquillement et comme on veut les css ?

[FiX']

Hello,

J'ai pas encore testé la V3... donc pour le moment je n'ai pas de soucis ! :p

Tu as pensé à désactiver le "Mode du cache" dans Configuration > Configuration du front office... puis éventuellement purger le cache du navigateur / cache de Contao (Maintenance du système > Nettoyer les données ?)

Autre chose, vérifies que les pages ne soient pas dans le cache... ça peut venir de là (Structure de site > Édition d'une page X ou Y > Paramètres du cache). Idem pense, peut-être, a purger le cache navigateur / Contao

En espérant que ça marche !

[MIMATA]

J'ai désactivé tous les caches possibles dans "Configuration", dans la racine de site, dans la page, dans les thèmes, nettoyé les données dans "Maintenance", vidé les caches de mes navigateurs, sur différents PC

[Bouctoubou]

Comment exactement est inséré la feuille de style dans ton Contao ?

Tu utilises quelque chose de ce genre dans "Balises supplémentaires" ?

Code : Tout sélectionner

<link href="{{env::path}}files/template/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

[MIMATA]

J'ai mis un lien à partir de ma présentation de page (ajouter du code dans le head), j'ai aussi essayé en modifiant le modèle fe_page (ce qui revient au même dans le code).
mon lien vers ma feuille c'est :

Code : Tout sélectionner

<link rel="stylesheet" href="files/css/style.css" media="screen">

Mais si je demande directement la feuille de style en pointant directement dessus : http://www.mondomaine.com/files/css/style.css je ne vois pas le vrai contenu de ma feuille locale et tous les changements que je fais en local et que j'envoie en ligne via FTP ne sont pas pris en compte et le contenu de ma feuille que m'affiche le navigateur reste inchangé.

[Bouctoubou]

Désolé mais j'envie de dire HUM
On peut voir quelque chose en ligne ?

[MIMATA]

Oui, mais pas longtemps

EDIT : j'ai enlevé le lien mais je peux le redonner par MP si besoin.

[Bouctoubou]

"Page not found"

[FiX']

Re,

Chez moi, j'arrive bien à accéder au .css via : http://www.ikenokoi.fr/files/css/style.css !

Le contenu du doc est :

Code : Tout sélectionner

@font-face
{
   font: 30px "Lane Narrow";
   src: url("polices/lanenarrow.ttf");
}

h1
{
   font-size: 30px;
   font-family: "Lane Narrow";
   font-weight: bold;
   color: #f0f0f0;
}

body
{
   background-color: #000;
   font-size: 11px;
   font-family: Arial, "Trebuchet MS", sans-serif;
   color: #787878;
}

#header .mod_navigation ul
{
   width: 80%;
   height: 30px;
   float: right;
   display: inline;
}

#header .mod_navigation ul li
{
   width: 13%;
   height: 30px;
   float: left;
   display: inline;
   margin-left: auto;
   text-align: center;
   vertical-align: middle;
   background-color: #1c1c1c;
}
#header .mod_navigation ul li.active
{
   background-color: #353535;
}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span.active
{
   padding-left: 20px;
   line-height: 30px;
   font-weight: bold;
   color: #828282;
   text-decoration: none;
}


Essaye de mettre un commentaire ou n'importe quoi dans le .css. Quand c'est fait dis-le... je te dirai si j'arrive à recharger, et donc à voir le message.

A+

[Bouctoubou]

On est dessus, effectivement c'est nawak, je cherche à comprendre...

[FiX']

Re,

C'est con ce que je vais dire... mais tu es sûr que tu upload dans le bon dossier "files" (sur le serveur distant)... tu n'as aucun autre dossier de ce type sur ton serveur ?

Je dis ça, car ça m'est déjà arrivé... et au bout de 1h, je cherchai toujours à comprendre pourquoi ça ne voulait pas s'actualiser.

A+

[MIMATA]

Re,

Chez moi, j'arrive bien à accéder au .css via : http://www.ikenokoi.fr/files/css/style.css !

Le contenu du doc est :

Code : Tout sélectionner

@font-face
{
   font: 30px "Lane Narrow";
   src: url("polices/lanenarrow.ttf");
}

h1
{
   font-size: 30px;
   font-family: "Lane Narrow";
   font-weight: bold;
   color: #f0f0f0;
}

body
{
   background-color: #000;
   font-size: 11px;
   font-family: Arial, "Trebuchet MS", sans-serif;
   color: #787878;
}

#header .mod_navigation ul
{
   width: 80%;
   height: 30px;
   float: right;
   display: inline;
}

#header .mod_navigation ul li
{
   width: 13%;
   height: 30px;
   float: left;
   display: inline;
   margin-left: auto;
   text-align: center;
   vertical-align: middle;
   background-color: #1c1c1c;
}
#header .mod_navigation ul li.active
{
   background-color: #353535;
}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span.active
{
   padding-left: 20px;
   line-height: 30px;
   font-weight: bold;
   color: #828282;
   text-decoration: none;
}


Essaye de mettre un commentaire ou n'importe quoi dans le .css. Quand c'est fait dis-le... je te dirai si j'arrive à recharger, et donc à voir le message.

A+

Normalement, le contenu de la feuille devrait-être :

Code : Tout sélectionner

@font-face
{
   font: 30px "Lane Narrow";
   src: url("polices/lanenarrow.ttf");
}

h1
{
   font-size: 30px;
   font-family: "Lane Narrow";
   font-weight: bold;
   color: #f0f0f0;
}

body
{
   background-color: #000;
   font-size: 11px;
   font-family: Arial, "Trebuchet MS", sans-serif;
   color: #787878;
}

#header .mod_navigation ul
{
   width: 80%;
   height: 30px;
   float: right;
   display: inline;
}

#header .mod_navigation ul li
{
   width: 13%;
   height: 38px;
   float: left;
   display: inline;
   margin-left: 2px;
   text-align: center;
   vertical-align: middle;
   background-color: #1c1c1c;
}
#header .mod_navigation ul li.active
{
   background-color: #353535;
}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span.active
{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   padding-left: 25px;
   line-height: 38px;
   font-weight: bold;
   color: #787878;
   text-decoration: none;
   display:block;
}

#header .mod_navigation ul li a.ikenokoi
{
   background:url(images/menu_ikenokoi.png) bottom left no-repeat;
}
#header .mod_navigation ul li a.ikenokoi:hover,
#header .mod_navigation ul li span.ikenokoi.active
{
   background:url(images/menu_ikenokoi.png) top left no-repeat;
}

#header .mod_navigation ul li a.etalonnage
{
   background:url(images/menu_etalonnage.png) bottom left no-repeat;
}
#header .mod_navigation ul li a.etalonnage:hover,
#header .mod_navigation ul li span.etalonnage.active
{
   background:url(images/menu_etalonnage.png) top left no-repeat;
}




[MIMATA]

tu es sûr que tu upload dans le bon dossier "files" (sur le serveur distant)...

Oui j'en suis sûr.

[Bouctoubou]

Non mais effectivement là c'est pas mal...
J'ajoute un un css que je link dans la page, ok le fichier s'affiche bien dans la source et on peut le lire...
Si après par exemple j'ajoute un id #test {} et que je reload le fichier, rien...

Je fais la même chose sur mon serveur et bien sûr ça marche.

wtf !?