28220 sujets

CSS et mise en forme, CSS3

Yo...

Le problème est le suivant:
Imaginez que vous ayez un attribut spécifique de layout qui revienne plusieurs fois dans votre stylesheet. Exemple, une couleur non web genre #c0ffee.
Vous utilisez cette couleur un peu partout dans votre style sur des class, des id ou des tags de façon indépendante.
Un beau jour, vous avez besoin de changer cette couleur, comment faire pour ne pas devoir la changer partout mais juste une fois ?

L'idée première est d'avoir recours aux multiclasses genre class="class1 class_couleur" si class_couleur est la couleur en question. Mais dans ce cas, on ne respecte pas la séparation entre le fond et la forme de la page web (puisque un élément de layout serait décrit parmi le contenu)

Je cherche donc un moyen de définir une espèce de "variable CSS" réutilisable.

En espérant qu'il y ait une solution...

Merci d'avance de vos réponses.
Modifié par YPGreg (03 Aug 2006 - 14:45)
Bonjour YPGreg et bienvenue sur Alsacréations Smiley smile ,

Avec un titre pareil, je doute que beaucoup de membre prennent le temps de lire ton problème Smiley cligne .

Merci d'éditer ton titre (bouton éditer de ton premier message) pour queque chose de plus précis et pertinent.
C'est modifié.
En espérant être plus précis ce coup-ci Smiley ohwell
Modifié par YPGreg (03 Aug 2006 - 14:47)
Bonjour,

YPGreg a écrit :

L'idée première est d'avoir recours aux multiclasses genre class="class1 class_couleur" si class_couleur est la couleur en question. Mais dans ce cas, on ne respecte pas la séparation entre le fond et la forme de la page web (puisque un élément de layout serait décrit parmi le contenu)


La séparation structure/présentation, ou contenu/présentation est bien respectée dans ce cas. Qu'une classe ne serve qu'à appliquer une couleur n'est pas un problème (Le fait de la nommer ou non d'après la couleur, en revanche, peut être un problème, mais du point de vue maintenance principalement).


YPGreg a écrit :


Je cherche donc un moyen de définir une espèce de "variable CSS" réutilisable.


Tu peux générer la feuille de style dynamiquement. Le sujet a été souvent traité dans ce forum (faire une recherche sur feuille de style et PHP).
Laurent Denis a écrit :
La séparation structure/présentation, ou contenu/présentation est bien respectée dans ce cas. Qu'une classe ne serve qu'à appliquer une couleur n'est pas un problème (Le fait de la nommer ou non d'après la couleur, en revanche, peut être un problème, mais du point de vue maintenance principalement).

Donc, dans une phase de maintenance (sur des pages déjà existantes), changer un attribut spécifique et l'affecter à d'autres objets en n'utilisant qu'une seule classe, le tout, sans toucher aux pages de contenu (je sais avec des si... Smiley cligne ) n'est pas possible ...

Laurent Denis a écrit :
Tu peux générer la feuille de style dynamiquement. Le sujet a été souvent traité dans ce forum (faire une recherche sur feuille de style et PHP).

Ok. Va pour un language serveur.

Merci Laurent pour ta réponse.
Regrouper les sélecteurs pour lesquels la même couleur est spécifiée.
#content h1, span.bidule, #truc {
	color: black;
}

Ainsi tu n'as qu'une déclaration à modifier si tu souhaites changer cette couleur.
Effectivement...

Et en cas de changement de couleurs (par exemple), il suffit de changer les sélecteurs s'il y a lieu de le faire en plus de la couleur elle-même.

Well done !

Un grand merci !