[Résolu] Y-a-t-il une (bonne) méthode pour organiser un fichier css

Bonjour,

J'ai jeté tous mes tableaux de mise en page, j'ai retiré toutes mes balises de présentation du code HTML, et me suis lancée dans la grande aventure de l'écriture conforme aux standard
Bon, c'est dur, mais j'y arrive petit à petit !

Ma première question sur ce forum est surement celle d'un béotien.
A force de faire des essais-erreurs, les fichiers .css deviennent vite un joyeux .. euh, une joyeuse pagaille.
Et on a très vite des répétitions, des incohérences.

Comment font les pros ?

Est-ce une bonne idée de rassembler les différentes règles selon les grandes fonctions (positionnement, couleurs, liens, texte, ...) ?

Vaut-il mieux conserver l'ordre des règles en fonction de l'arbre du modèle de document ?
C'est ce que j'essaie de faire tant bien que mal, mais je pense qu'au fond, ce n'est pas la meilleure solution.

Je n'ai pas rencontré d'article qui donne des conseils sur cette question.
Avez-vous des avis, des bonnes adresses à consulter ?

Merci à tous, et un grand coup de chapeau à ceux qui font vivre Alsacréations. Une grande référence !
Modifié par Cath (22 Apr 2005 - 19:56)

Salut, bienvenu à toi

Cath a écrit :

J'ai jeté tous mes tableaux de mise en page, j'ai retiré toutes mes balises de présentation du code HTML, et me suis lancée dans la grande aventure de l'écriture conforme aux standard

Bravo

Cath a écrit :

Comment font les pros ?

J'en sais rien, mais moi je fais comme ça :
http://www.elmoustikoblog.net/tutoriels/css/conseil/

Cath a écrit :

Vaut-il mieux conserver l'ordre des règles en fonction de l'arbre du modèle de document ?

C'est comme ça que je fais, je trouve que c'est le plus pratique pour s'y retrouver, y a qu'à calquer sa structure html sur le style CSS

Merci pour la bienvenue, et merci pour le tuto.
C'est une bonne idée de conserver un ordre logique dans les propriétés aussi.
Je vais me mettre au rangement pour y voir plus clair.
Il y a encore plein de choses qui ne marchent pas comme je le souhaite.

Mais de jour en jour, je sens que je saisis des notions qui me passaient largement au-dessus de la tête avant.
Continuons le combat !

Cath

Mes CSS types :

Toujours utiliser les mêmes noms et la même organisation

/*---------------------------------------------------------------------- 

-----------------Couleurs du site---------------

Police : 				#999;
Bleu gris :				#698B9C
Encart bleu clair : 	#F6FBFD et couleur de police associé : #7092A3
Orange : 				#FF6600

-----------------Correction du modèle de boîte Microsoft---------------
#hack{
width: 1000px;
voice-family: "\"}\"";
voice-family:inherit;
width: 999px;}
html>body #hack {
 width: 999px;}
---------------------------------------------------------------------- */

/* ------------------------STYLES HTML-----------------------------*/

*{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;}

body {
}

dt, dl, dd, ul, li{
list-style-type: none;
}

img{
border: 0;}

br.spacer{
clear: both;
line-height: 0; font-size: 0; height: 0;}

hr{display: none;}

h1{
 }
h2{
 }
h3{
 }
td{
}
/* ------------------------STRUCTURE GLOBALE DU SITE-----------------------------*/
#global {
positionnement
margin / padding
bordure
couleurs
propriétés du texte
}
#header {
}
#header img{
}
#header span{
}
#content {
}
#nav {
}
#centre {
}
#col_left {
}
#col_right{
}
#corps {
}
#footer {
}


/* ------------------------PAGES SPECIFIQUES-----------------------------*/

Julien L a écrit :
Mes CSS types :

Toujours utiliser les mêmes noms et la même organisation

Merci pour ton exemple, Julien,
Si tu me le permets, je vais m'en inspirer grandement.
Cath