variable PHP et CSS Résolu/Fermé

Question

Bonjour, 

Je récupère dans mon fichier index la variable taille de l'écran. J'aimerai intégrer cette information dans mon fichier css pour définir les tailles des TD, UL, des bandeaux, des images background, etc...

Qui connait la syntaxe pour dimensionner des données css en intégrant des variables (session ou php)?
Un exemple des variables  à intégrer dans mon CSS :

.menu li li ul{
    position:absolute;
    margin-left:150px;
    margin-top:10px;
Ici par exemple je verrai un truc style margin-left:$largeur/6;
    }
.menu  li ul li {
    width:140px;
}
    
.menu li{
    list-style:none;
    width:150px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
////////// etc, etc...;
Merci de me donner si possible les syntaxes pour les 2 cas (variables session et variable PHP)....si c'est possible bien sûr.
Cordialement

Configuration: Windows 7 / Firefox 31.0

Alain_42 · Answer

et si tu définissait tes margin en %


margin-left:33%;

dan-b · Answer

Bonjour,

Il existe des "préprocesseurs" qui permettent de générer des css dynamiques (cf LESS, SASS). Ou on peut tout simplement créer une page style.php. Voir un article sur les deux méthodes http://blog.internet-formation.fr/2013/12/creer-des-css-dynamiques-avec-php-sans-lesscss-ou-scss/

sinon, pour adapter un design aux différents écrans, il y a les media queries https://www.alsacreations.com/article/lire/930-css3-media-queries.html qui permettent de pallier certains défauts avec les largeurs en pourcentage.

clé de 12 · Answer

Très intéressant, je vais me pencher sur cette solution qui a l'avantage d'allier souplesse et unicité des couches (faux css mais vrai php).
Mais ça ne répond pas à ma question du début : comment insérer une valeurs variable dans du CSS qui est un fichier texte ? Je suis têtu, un vrai bourricot, mais on m'a affirmé que c'était possible, alors pour le fun, j'aimerai savoir.
Merci quand même, je pense que je vais étudier ta solution, j'ai l'avantage d'avoir le temps.
Cordialement

Alain_42 · Answer

une solution (un peu crade ) serait de mettre la partie concernée de ta feuille de style dans le head de ta page .php sinon tu peux aussi regarder du côté de jQuery qui permet de modifier les propriété css au niveau du navigateur, et du même coup lire la résolution et appliquer la formule de calcul.

clé de 12 · Answer

Ouais, finalement, à vous lire tous, je pense que le fichier CSS n'accepte pas de variables et que l'on doit user de variables session ou de simili CSS fait avec du code php, ce qui ne me dérange pas.
Merci à tous

Variable PHP et CSS

5 réponses

Discussions similaires