Colonne commune à toutes mes pages ?

**fchoret** · 21/09/2010, 14h59

Bonjour,

Je cherche à ce que la colonne de gauche de mon site écrit en HTML et CSS soit commune à toutes les pages HTML de mon site.
Je voudrais éviter de faire un COPIER/COLLER du contenu de cette fameuse colonne dans toutes mes nouvelles pages HTML.
Dans la page 'STYLES.CSS' il y a la largeur, la couleur, etc. de cette colonne. Est-il possible de le faire avec le contenu HTML ?
Si oui, merci de m'indiquer comment faire.
@ +
Merci.

**Jannus** · 21/09/2010, 17h22

Bonjour et bienvenue,

Il y a une solution simple (mais décriée) : les frames

http://cyberzoide.developpez.com/html/frame.php3

Sinon c'est aussi possible en CSS

http://css.developpez.com/tutoriels/pseudo-frames/

**coeos.pro** · 21/09/2010, 22h35

Bonjour, en général le plus simple est de découper ses pages en plusieurs fichiers (header-menu-contenu-footer) ensuite créer une page est très simple, suffit d'appeler les différentes parties en php avec la fonction include.

**ryodo** · 21/09/2010, 23h03

ou vous pouvez utiliser les iframe

**fchoret** · 22/09/2010, 14h16

Envoyé par Guardian

Bonjour et bienvenue,

Il y a une solution simple (mais décriée) : les frames

http://cyberzoide.developpez.com/html/frame.php3

Sinon c'est aussi possible en CSS

http://css.developpez.com/tutoriels/pseudo-frames/

Bonjour,

Je vais essayer la version CSS, car je refais tout mon site. Il était en Frame.
J'essaie et vous tiens au courant.
@ +

**coeos.pro** · 22/09/2010, 17h24

Re-bonjour, je ne sais pas si j'ai mal compris ton premier message ou si les autres ont mal compris mais si tu souhaites avoir le menu (et/ou l'entête et le pied de page) commun à toutes pages de ton site, tu as 2 solutions:
- les frames (pas top, notamment à cause du référencement)
- la découpe de fichier: tu découpes tes pages en plusieurs fichiers (header.php, menu.php et footer.php) ensuite créer une page est très simple, suffit d'appeler les différentes parties en php avec la fonction include:

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
include("header.php");
include("menu.php");
?>
 
ici tu mets le code du contenu
 
<?php
include("footer.php");
?>

Ainsi, si tu veux changer l'entête, le menu ou le footer, tu as juste à changer 1 fichier, toutes les pages qui incluent ce fichier changeront automatiquement.

**wattaroo** · 22/09/2010, 19h23

Bonsoir,
juste un petit exemple de mon découpage d'une page html avec des includes et des fichiers php.

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
<?php
        include ('doctype.php');        //appel du doctype.
        include ('head.php');           //appel des metas.
?>
<body>
	<?php
                include ('header.php');         //inclure la bannière de titre;
        ?>
	<div id="content">
	<?php
                include ('nav.php');            //inclure le menu de navigation</div>
        <?php
        </div>
        <?php
                include ('footer.php');         //inclure la bannière de pied de page;
        ?>
</body>
</html>

Et dans "nav.php" tu place ton menu de navigation commun à chaque page.

**fchoret** · 24/09/2010, 15h41

Envoyé par fchoret

Bonjour,

Je vais essayer la version CSS, car je refais tout mon site. Il était en Frame.
J'essaie et vous tiens au courant.
@ +

Bonjour,
J'ai fait un copier/coller de la page du 2ème lien.
Essai non concluant.
Merci pour ce tuyau.
Je vais essayé celui de Wattaroo.
Bon courage.
@ +

Envoyé par coeos.pro

Re-bonjour, je ne sais pas si j'ai mal compris ton premier message ou si les autres ont mal compris mais si tu souhaites avoir le menu (et/ou l'entête et le pied de page) commun à toutes pages de ton site, tu as 2 solutions:
- les frames (pas top, notamment à cause du référencement)
- la découpe de fichier: tu découpes tes pages en plusieurs fichiers (header.php, menu.php et footer.php) ensuite créer une page est très simple, suffit d'appeler les différentes parties en php avec la fonction include:

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
include("header.php");
include("menu.php");
?>
 
ici tu mets le code du contenu
 
<?php
include("footer.php");
?>

Ainsi, si tu veux changer l'entête, le menu ou le footer, tu as juste à changer 1 fichier, toutes les pages qui incluent ce fichier changeront automatiquement.

Bonjour,
Merci pour la réponse. je vais essayer.
Bon courage.
@ +

Envoyé par wattaroo

Bonsoir,
juste un petit exemple de mon découpage d'une page html avec des includes et des fichiers php.

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
<?php
        include ('doctype.php');        //appel du doctype.
        include ('head.php');           //appel des metas.
?>
<body>
	<?php
                include ('header.php');         //inclure la bannière de titre;
        ?>
	<div id="content">
	<?php
                include ('nav.php');            //inclure le menu de navigation</div>
        <?php
        </div>
        <?php
                include ('footer.php');         //inclure la bannière de pied de page;
        ?>
</body>
</html>

Et dans "nav.php" tu place ton menu de navigation commun à chaque page.

Bonjour,

Merci pour ton conseil.
Je m'en vas essayer avec mes gros sabots, car moi je suis plus à laise avec PhotoShop qu'avec Dream.
Sachant que ma colonne commune est constituée de plusieurs boutons cliquables.
Je te tiendrais au courant dès que possible.
PhotoShopement.
Bon courage.

**fchoret** · 27/09/2010, 14h22

Envoyé par fchoret

Bonjour,
J'ai fait un copier/coller de la page du 2ème lien.
Essai non concluant.
Merci pour ce tuyau.
Je vais essayé celui de Wattaroo.
Bon courage.
@ +

Bonjour,
Merci pour la réponse. je vais essayer.
Bon courage.
@ +

Bonjour,

Merci pour ton conseil.
Je m'en vas essayer avec mes gros sabots, car moi je suis plus à laise avec PhotoShop qu'avec Dream.
Sachant que ma colonne commune est constituée de plusieurs boutons cliquables.
Je te tiendrais au courant dès que possible.
PhotoShopement.
Bon courage.

Bonjour,
Après essais = rien ne marche.
Je ne comprends rien. Tant pis. Je vais faire mon COPIER/COLLER traditionnel.
Merci encore.
+

**coeos.pro** · 27/09/2010, 18h00

Bonjour,

rien ne marche => rien ne s'affiche ? c'est affiché dans le désordre ???
sans problème pas de solution

Colonne commune à toutes mes pages ?

HTML

Discussions similaires

Partager

Partager