bonsoir,

Grace au CSS vous pourrez vous en sortir

http://www.alsacreations.com/astuce/lire/43-comment-dfinir-lapparence-de-ses-liens.html

avec current ça sera dynamique

nav li a.current {
color: black;
font-weight: bold;
border: 1px solid #9cbd17;
border-radius: 5px 5px 5px 5px;
background-color: #777;}

qui provient de la page

http://openclassrooms.com/forum/sujet/css3-garder-la-couleur-au-clique-65732

je ferais une refonte complète du site, et pas seulement des menus, en utilisant un cms.
avec un titre qui change pour chaque page, les résultats dans google seraient bien meilleurs.

Si je faisais une base de données SQL, aurais-je une chance de résoudre mon problème, selon vous ?

J'ai une nouvelle question : je suis en train de faire ma barre de menu horizontale, dont voici le code :

Citation:

<div id="toto">          <ul>           <li><a href="#"><font color="#000080">ACCUEIL</font></a></li>           <li><a href="vaisseaux/vaisseaux.html">VAISSEAUX</a>                        <ul>             <li><a href="vaisseaux/vostok/vostok.html">Vostok</a></li>             <li><a href="vaisseaux/voskhod/voskhod.html">Voskhod</a></li>             <li><a href="vaisseaux/soyouz/soyouz.html">Soyouz</a></li>             </ul>                          </li>                     <li><a href="#">LANCEURS</a></li>           <li><a href="#">BIOGRAPHIES</a></li>           <li><a href="#">BASES &amp; ORGANISATIONS</a></li>           <li><a href="#">SATELLITES</a></li>           <li><a href="#">LANCEMENTS</a></li>          </ul>       </div>

Les styles sont dans une CSS, que chacune des 6000 pages appelle.
Mais comment faire pour que le contenu soit lui aussi appelé ?

Je m'explique : j'ai quelques rubriques (VAISSEAUX, LANCEURS, etc.). Dans la rubrique VAISSEAUX, j'ai trois sous-rubriques (VOSTOK, VOSKHOD, SOYOUZ). Si, un jour, je rajoute une quatrième sous-rubrique, il faudra que je mette à jour le menu manuellement sur les 6000 pages... Je cherche à éviter cela ! C'est à dire, à avoir une liste de sous-rubriques que les pages HTML viendraient chercher...

Quelqu'un a une idée de comment faire ?

Merci beaucoup !!

Citation de: KB le le 10-03-2015 a 10:19:52

salut, créer ton menu dans un fichier à part et inclut le dans tes pages avec un "include" php. Ainsi, chaque modification sur ton menu sera répercuté sur toutes tes pages.

En fait, je suis arrivé à faire ça avec un petit JS :

Citation:

document.getElementById("nav01").innerHTML = "<ul id='toto'>" + "<li><a href='http://www.kosmonavtika.com/index.html'>ACCUEIL</a></li>"+ "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux.html'>VAISSEAUX</a></li>"+ "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs.html'>LANCEURS</a></li>"+ "<li><a href='http://www.kosmonavtika.com/cosmoperso/cosmoperso.html'>BIOGRAPHIES</a></li>"+ "<li><a href='http://www.kosmonavtika.com/basesorga/basesorga.html'>BASES & ORGANISATIONS</a></li>"+ "<li><a href='http://www.kosmonavtika.com/satellites/satellites.html'>SATELLITES</a></li>"+ "<li><a href='http://www.kosmonavtika.com/lancements/lancements.html'>LANCEMENTS</a></li>"+ "</ul>";

Mon nouveau problème, c'est de faire des sous-menus... Quand je rajoute du code dans ce JS, ça ne marche pas... 

Citation:

document.getElementById("nav01").innerHTML = "<ul id='toto'>" + "<li><a href='http://www.kosmonavtika.com/index.html'>ACCUEIL</a></li>"+ "<li><a href='http://www.kosmonavtika.com/vaisseaux/vaisseaux.html'>VAISSEAUX</a>"+ "<ul>"+ "<li><a href="vaisseaux/vostok/vostok.html">Vostok</a></li>"+ "<li><a href="vaisseaux/voskhod/voskhod.html">Voskhod</a></li>"+ "<li><a href="vaisseaux/soyouz/soyouz.html">Soyouz</a></li>"+ "</ul>"+ "</li>"+ "<li><a href='http://www.kosmonavtika.com/lanceurs/lanceurs.html'>LANCEURS</a></li>"+ "<li><a href='http://www.kosmonavtika.com/cosmoperso/cosmoperso.html'>BIOGRAPHIES</a></li>"+ "<li><a href='http://www.kosmonavtika.com/basesorga/basesorga.html'>BASES & ORGANISATIONS</a></li>"+ "<li><a href='http://www.kosmonavtika.com/satellites/satellites.html'>SATELLITES</a></li>"+ "<li><a href='http://www.kosmonavtika.com/lancements/lancements.html'>LANCEMENTS</a></li>"+ "</ul>";

Voilà la code qui ne marche pas. C'est le même que plus haut, sauf que j'ai rajouté un <ul> dans un <li>. Quand je le fais directement dans le code HTML, ça marche. Mais quand je l'intègre dans le JS, ça ne marche pas...

Merci !