Feuille de style CSS

  • Auteur de la discussion Auteur de la discussion gcvoiron
  • Date de début Date de début
WRInaute occasionnel
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:
<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.
 
WRInaute accro
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.
 
WRInaute accro
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 ?
 
WRInaute occasionnel
et tu as une quantité astronomique de class identiques.
Une seule suffit lorsque les attibuts sont les mêmes.
 
Discussions similaires
Haut