lleia1 a écrit :
Je trouvais mettre des espaces entre chaque élement de ce code <div id="menu"> <div class="menu_bienvenue"> <a href="chemin.html">BIENVENUE</a> </div> <div class="menu_en_bref"> <a href="enbref.html"> EN BREF</a> </div> <div class="menu_rechercher"> <a href="rechercher.html">RECHERCHER</a> </div> <div class="menu_categories"> <a href="categories.html">CATEGORIES</a> </p> Qui sommes nous ?</div> </div> J'ai utilisé <br>. C'est ça ou il existe une autre méthode à mettre dans le css.
|
Pour un menu, il est plus propre d'utiliser une liste (puisqu'un menu est bien une liste).
<ul id="Menu_principal"> <li><a href="./Bienvenue.html">Bienvenue</a></li> <li><a href="./En_bref.html">En bref</a></li> <li><a href="./Rechercher.html">Rechercher</a></li> <li><a href="./Catégories.html">Catégories</a></li> <li><a href="./Qui_sommes-nous.html">Qui sommes-nous?</a></li> </ul>
|
Enfin j'ai un peu de mal à comprendre les noms de tes pages. "Bienvenue", "En bref", et "Qui sommes nous?", c'est assez proche.
Un menu plus classique:
<ul id="Menu_principal"> <li><a href="./Accueil.html">Accueil</a></li> <li><a href="./Présentation.html">Présentation</a></li> <li><a href="./Actualité.html">Actualité</a></li> <li><a href="./Rechercher.html">Rechercher</a></li> </ul>
|
... ou quelque chose comme ça. (Je sais pas ce qu'est ta page "Catégories" ).
En passant, si tu connais pas encore bien HTML, tu peux faire des sous-listes avec:
<ul id="Menu_principal"> <li><a href="./Accueil.html">Accueil</a></li> <li><a href="./Présentation.html">Présentation</a> <ul> <li><a href="./Présentation/Association.html">Association</a></li> <li><a href="./Présentation/Membres.html">Membres</a></li> <li><a href="./Présentation/Projets.html">Projets</a></li> </ul> </li> <li><a href="./Actualité.html">Actualité</a></li> <li><a href="./Rechercher.html">Rechercher</a></li> </ul>
|
(Regarde bien l'imbrication du <ul> dans le <li> parent).
Quoi qu'il en soit, il est préférable d'utiliser une majuscule initiale, puis des lettres minuscules. C'est plus lisible. Si vraiment tu veux des majuscules, utilise CSS, avec quelque chose genre:
ul#Menu_principal { font-variant: small-caps; }
|
Pour les autres styles, si tu veux, tu peux enlever les puces, à chaque entrée du menu, avec:
ul#Menu_principal { list-style-type: none; }
|
Si tu veux un menu horizontal, tu peux faire, notamment:
ul#Menu_principal li { display: inline; }
|
Et sinon, à quoi te servent toutes ces classes, sur les div? Si tu veux des styles différents pour chaque entrée (ce qui est pas vraiment conseillé, parce que trop de styles surchargent généralement la page, et rendent la lecture plus difficile), il est préférable d'utiliser un identifiant, plutôt qu'une classe (à moins que tu souhaites réutiliser ces styles ailleurs dans la page? enfin dans ce cas, appelle les classes quelque chose comme "Style_bienvenue", "Style_en_bref", etc., pour bien montrer ton intention).
Message édité par Ekuryua le 15-03-2008 à 20:58:31