css et include ?

Bonjour bonjour,

je viens avec mes gros sabots demandes des conseils :
ma question est "j´ai decoupe ma page en 4 (haut, menu, corps, bas) avec des includes et maintenant je fais comment avec mes css ?".
En gros, je fais 1 css pour toute la page ? et dans de cas j´accede comment a chaque include?
Ou bien je fais un css pour chaque page mais c´est pas beau...

Merci :)

Ju

Peut importe qu'il y ait des includes ou pas, les pages incluses seront interprétées en même temps et le CSS les concernera toutes.

Par exemple :

dans la page qui contient (mettons index.php) :

Code:

---

<?php include('toto.html') ?>

---

et dans toto.html :

Code:

---

<div id="rouge">blabla</div>

---

et dans ton css :

Code:

---

#rouge { color : #FF0000 ; }

---

Et ça affichera : blabla

ok merci erwan.

Une autre question sans vouloir abuse, il est donc imposible de creer
un a:hover pour un fichier php inclus et un autre pour une autre partie inclue.

Je pensais a ce aue j´ai pu voir :


quand tu as ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="en_tete"> <?php include("top.php"); ?> </div>   <div id="menu"> <?php include("menu.php"); ?> </div>

---

tu peux pas creer des regles pour chaque page comme ca ?

Code:

---

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

#menu { float: left; width: 120px; } .element_menu a:hover { background-color: #B3B3B3; color: black; } #corps { margin-left: 140px; margin-bottom: 20px; padding: 5px;   color: #B3B3B3; background-color: #626262;   border: 2px solid black; }

---

Merci et desole mais j´ai pas trouve de tuto vraiment bien fait la dessus.

Il faut bien que tu comprennes que les inclusions n'ont aucune importance pour le code HTML/CSS.

Ton serveur va dans un premier temps lire la partie PHP et remplacer les includes par le code correspondant.
Ensuite, et seulement maintenant, le code HTML et CSS seront intérprêtés.

Pour résumé, ce n'est pas en fonction de tes PAGES, mais en fonction des tes BLOCS qu'il faut que tu construises ton css.

Donc oui, tu peux avoir des a:hover différents selon les blocs.

Par exemple :

Code:

---

1 2	<div id="main"><a href="#">Ici</a></div> <div id="menu"><a href="#">la</a></div>

---

et dans ton css :

Code:

---

1 2	#main a:hover { color : #FF0000 } #menu a:hover { color : #00FF00 }

---

Ainsi, un lien survolé dans la partie "menu" sera vert, alors qu'il sera rouge dans la partie "main"

ok merci beaucoup erwan.
Donc derniere precision :

Si je comprends bien une seule feuille css suffit avec tous mes effets.
Par contre, quelle est la diff ente :

Code:

---

1 2 3 4 5 6 7

.inset { border:4px ridge #ffe9a7; padding : 10px; }

---

et

Code:

---

1 2 3 4 5 6 7 8 9

#en_tete { width: 760px; height: 100px; margin-bottom: 10px; text-align: center; }

---

Merci !!

Le premier est une classe alors que le second est un id.... sinon le code n'a rien à voir donc bon ^^'

Une classe peut être réutilisée plusieurs fois par page, un id est unique par page. ATTENTION, je parle de page HTML, donc le contenu final, celui qui est interprété par le serveur et que tu peux voir en affichant la source.

PS : érévan, pas erwan :P

Lol ok ca s´eclaircit un peu mdr.

MERCI éréwan :king::yaisse2: