plusieurs feuilles css pour un page HTML

Bonjour et bonne Année 2008.

Savez-vous comment je peux coder mon header pour qu'il aille chercher dans une feuille de style style_header.css

et mon footer pour qu'il aille chercher la feuille style_footer.css

Et cela dans une même page html.

Merci d'avance pour vos réponses .

voivi mon header

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<div class="leblocheader"> </div> <div class="leblocheader_suite">   <div class="ban_cont03">   <div class="ban01"> <a style= "font-weight: 900; color: white"; href="http://www.xxx.com/espace_cli.php">Mon Espace Client</a><br><br> <a style= "font-weight: 900; color: white"; href="http://www.xxx.com/panier_ajout.php">Mon panier</a> : <? echo $nbr_articles;?> article(s)<br><br>   </div>     <div class="ban03"> </div>     <div class="ban02"> <span style="color:white;"><a style= "font-weight: 900; color: white"; href="http://www.xxxx.com">Accueil</a><br></span>     </div>   </div>

---

et voici mon footer

Code:

---

1 2 3 4 5 6 7 8

<div class="footer"> Ouvert du Lundi au Vendredi de 09H30 à 13H30 et de 15H00 à 18H00<br> <a style= "font-weight: 500;display:block;margin-left:10px;color:blue;" href="http://www.xxxx.com/cgv.htm">Conditions générales de vente</a><br>   </div>

---

Heu ... :koi:

Code:

---

1 2	<link rel="stylesheet" type="text/css" href="style_head.css" /> <link rel="stylesheet" type="text/css" href="style_footer.css" />

---

Bonjour,

... ou une feuille principale appelée dans la page et qui fait appel aux autres.

Code:

---

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

---

avec au tout début de style_de_base.css

Code:

---

1 2 3 4

@import url("style_head.css"); @import url("style_footer.css"); /* et la suite de la feuille de styles principale */

---

-

Merci mais à quel endroit de mon footer dois-je coder la ligne

Code:

---

1 2 3

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

---

Code:

---

1 2 3 4 5 6 7 8

<div class="footer"> Ouvert du Lundi au Vendredi de 09H30 à 13H30 et de 15H00 à 18H00<br> <a style= "font-weight: 500;display:block;margin-left:10px;color:blue;" href="http://www.xxxx.com/cgv.htm">Conditions générales de vente</a><br>   </div>

---

Tu la mets pas dans ton footer, tu la mets dans la balise head, tout en haut de ton document.

j'ai dû raté un wagon,

comment mon footer va-t-il savoir qu'il faut pointer sur ce fichier ?

Ce n'est pas le footer qui pointe sur le fichier, c'est ton fichier CSS qui pointe vers les éléments de ton footer en fonction de leurs id, classe, noms de balise etc...

PS :

Citation:

---

Envoyé par sam01

Bonjour et bonne Année 2008.

---

Tu es un peu en retard ! ;)8-)

OK, j'ai alors une dernière question :

si j'ai la class footer qui apparaît sur 3 feuille css,

quelle est la feuille css qui prime ? (la dernière ....)

Code:

---

1 2 3 4 5

<link rel="stylesheet" type="text/css" href="style_head.css" /> <link rel="stylesheet" type="text/css" href="style_footer.css" /> <link rel="stylesheet" type="text/css" href="style_base.css" />

---

Salut,

De mémoire, il y a une spécificité calculée à prendre en compte. S'il n'y a pas de spécificité, la dernière classe est prise en compte sans oublier d'éventuels attributs définis auparavant. Par exemple margin:10px, s'il n'est pas redéfini dans la dernière classe restera à 10px.

A confirmer, infirmer, préciser par quelqu'un d'autre.

Quel est l'intérêt d'avoir la même class dans 3 fichiers ? :koi:

Citation:

---

De mémoire, il y a une spécificité calculée à prendre en compte. S'il n'y a pas de spécificité, la dernière classe est prise en compte sans oublier d'éventuels attributs définis auparavant. Par exemple margin:10px, s'il n'est pas redéfini dans la dernière classe restera à 10px.

---

Je suis du même avis...
La dernière class prime sur les autres au niveau des attributs déclarés "de partout" (donc dans les 3). Mais idem à vérifier... :aie:

L'héritage et la cascade dépendent de beaucoup de choses, entre autre du degré de "précision" utilisé pour les définir.
Par exemple :

Code:

---

1 2 3

#div1 #div2 .class1 p{ ... }

---

aura plus de poids que

Code:

---

1 2 3

.class1 p{ ... }

---

par exemple, quel que soit l'ordre de déclaration.

Pour bien apprendre CSS voir les tutoriels et cours de formation CSS : http://css.developpez.com/cours/

Merci à tous.