Discussion :

[juju03]

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

[Er3van]

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 :

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

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

et dans toto.html :

Code html :

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

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

et dans ton css :

Code :

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

#rouge { color : #FF0000 ; }

Et ça affichera : blabla

[juju03]

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 :

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

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 :

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

[Er3van]

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 html :

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

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

et dans ton css :

Code CSS :

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

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"

[juju03]

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 :

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

1
2
3
4
5
6
7
 
 
.inset
{
	border:4px ridge #ffe9a7;
	padding : 10px;
}

et

Code :

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

1
2
3
4
5
6
7
8
9
 
 
#en_tete
{
   width: 760px;
   height: 100px;
   margin-bottom: 10px;
   text-align: center;
}

Merci !!

[Er3van]

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