Voici une petite astuce intéressante pour les débutants.
Comme j’ai commencé il n’y a pas très longtemps avec MODx et même le XHTML et le CSS, ceci est ma première contribution pour la communauté.
Lorsqu’on édite le CSS pour travailler la mise en forme du site, ça devient vite assez fastidieux de faire sans arrêt un aller et retour entre l’éditeur de texte, le soft pour FTP et le navigateur pour vérifier tout ça. Vous ne trouvez pas ? Enfin moi j’aime pas trop.
J’ai trouvé une petite astuce qui me simplifie considérablement l’existence:
Je ne met dans le fichier CSS externe que les balises dont je suis vraiment satisfait.
Tout le reste, je le garde temporairement dans le header du template. Entre des balises comme celles-ci:
<style type="text/css">
/* ici vos balises temporaires */
</style>
C’est fou le temps que je gagne avec cette astuce. Au lieu de passer par trois étapes, je reste toujours dans le navigateur!
Il me suffit de sauver le template avec le manager et hop le CSS est mis à jour en même temps.
En plus tout se passe dans le même fichier: CSS et le XHTML sont réunis ce qui s’avère pratique au moment du développement.
A la fin quand vous êtes satisfait de la présentation, il ne vous reste plus qu’à remettre tout ça dans le fichier CSS externe et voilà !
En fait rien d’extraordinaire là dessous: il existe deux moyens de mettre du CSS dans un fichier XHTML: soit avec une reference à un fichier externe, soit directement dans le header. Là où ça devient intéressant, c’est que les deux se complètent. On peut donc avoir une partie du CSS dans le fichier et le reste qui est encore en développement dans le header...
Bon courage pour votre site