Discussion :

[sam01]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Bisûnûrs]

Heu ...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[GihefBey]

Bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec au tout début de style_de_base.css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

-

[sam01]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Bisûnûrs]

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

[sam01]

j'ai dû raté un wagon,

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

[Bovino]

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 :

Bonjour et bonne Année 2008.

Tu es un peu en retard !

[sam01]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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" />

[franculo_caoulene]

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.

[HiRoN]

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

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...

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#div1 #div2 .class1 p{
...
}

aura plus de poids que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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/

[sam01]

Merci à tous.