Variable PHP et CSS
Résolu
clé de 12
Messages postés
141
Date d'inscription
Statut
Membre
Dernière intervention
-
clé de 12 Messages postés 141 Date d'inscription Statut Membre Dernière intervention -
clé de 12 Messages postés 141 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Inclure css dans php
- Easy php - Télécharger - Divers Web & Internet
- Comment inclure une video dans un powerpoint - Guide
- Expert php pinterest - Télécharger - Langages
- Css exposant ✓ - Forum CSS
- Alert php ✓ - Forum PHP
5 réponses
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.
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.
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
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
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.
<head> <link rel="stylesheet" type="text/css" href="xxxxxxxx.css" media="all" /> <style type="text/css"> ....... margin-left:<?php echo $variable; ?> px; </style> </head>
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci de toutes façons pour ta réponse.