Feuille de style CSS

[gcvoiron]

Bonjour, j'ai pas mal de style dans toutes les pages de mon site (voir ci-dessous). Je voudrai les virer pour alleger quelque peu mes pages et les mettres dans un fichier styles.css. J'ai actuellement ceci dans chaque page de mon site :

Code: Tout sélectionner

<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image: url(../images/bg.gif);
}
-->
</style>
<link href="../styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Style2 {font-family: Verdana; font-weight: bold; font-size: 12px; }
.Style8 {
   color: #000000;
   font-weight: bold;
   font-family: Verdana;
}
.Style13 {
   font-weight: bold;
   font-family: Verdana;
}
.Style14 {color: #000000}
.Style15 {
   font-weight: bold;
   font-family: Verdana;
}
.Style16 {
   font-weight: bold;
   font-family: Verdana;
}
.Style18 {
   font-weight: bold;
   font-family: Verdana;
}
.Style19 {
   font-weight: bold;
   font-family: Verdana;
}
.Style20 {
   font-weight: bold;
   font-family: Verdana;
}
.Style21 {
   font-weight: bold;
   font-family: Verdana;
}
.Style23 {
   font-weight: bold;
   font-family: Verdana;
}
.Style24 {
   font-weight: bold;
   font-family: Verdana;
}
.Style25 {
   font-weight: bold;
   font-family: Verdana;
}
.Style26 {
   font-weight: bold;
   font-family: Verdana;
}
.Style28 {
   font-weight: bold;
   font-family: Verdana;
}
.Style29 {
   font-weight: bold;
   font-family: Verdana;
}
.Style30 {
   font-weight: bold;
   font-family: Verdana;
}
.Style37 {font-size: 12px}
.Style40 {color: #FF0000}
a:link {
   color: #666666;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #000000;
}
a:active {
   text-decoration: none;
}
.Style43 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000000;
   font-size: 12px;
}
.Style44 {font-family: Verdana; font-weight: bold; font-size: 18px; }
.Style46 {font-family: Verdana}
.Style47 {color: #000000; font-weight: bold; font-size: 11px; }
.Style48 {font-style: normal; font-weight: normal; color: #383845; font-size: 11px;}
.Style52 {
   font-size: 14px;
   font-weight: bold;
   color: #000000;
}
.Style53 {
   font-weight: bold;
   font-size: 12px;
}
-->
</style>

Que dois-je copier dans le css? Après comment dois-je faire le lien vers le fichier css? Merci.

[Szarah]

Tu places tout ce qui se trouve entre
<style type="text/css">
<!--

et

-->
</style>

dans ub fichier gniark.css.

Pour lier une page, tu places cette ligne dans la section HEAD, après les META :

<link rel="stylesheet" type="text/css" href="gniark.css">

Si gniark ne te plaît pas, tu choisis autre chose comme nom

Je n'ai pas vérifié tes styles mais à vue de nez il manque un ; à la fin du style 14.

[Thierry Bugs]

d'abord tu mets tout dans un fichiers css

ensuite sur tes pages il faut enlever les syle et mettre à la place
<link rel="stylesheet" type="text/css" href=
"chemindemacss.css">

Déjà c'est mieux comme ça, ensuite dans tes pages il se refere à des "class" :
<td height="87" class="style20"
ce qui t'evite de mettre des font / strong...

A toi de faire le ménage de la css pour laisser ce qui t'es utile et également en rajouter si t'as besoin.


ps : Szarah plus rapide ou télépathie ?

[gcvoiron]

Merci de vos réponses, j'ai fais ce qu'a dit Szarah et ça marche parfaitement! Merci encore!

[Yvel]

et tu as une quantité astronomique de class identiques.
Une seule suffit lorsque les attibuts sont les mêmes.