Menu horizontale sans javascript

Fermé
nolimitech Messages postés 42 Date d'inscription lundi 4 août 2008 Statut Membre Dernière intervention 8 janvier 2013 - Modifié par nolimitech le 7/01/2013 à 02:41
Garutor Messages postés 263 Date d'inscription vendredi 6 juillet 2012 Statut Membre Dernière intervention 13 avril 2017 - 8 janv. 2013 à 06:24
Bonjour,

Je un problème avec le deuxième sous-menu.

Lorsque j'ai un troisième menu. Il s'affiche sur l'autre menu

Comment avoir une belle flèche a cotée.

Avec tous les recherches que j'ai effectué, dois-je faire du javascript.. ?

Juste avec du css je ne peux pas?

<div id="MenuVert"> 
 <ul class="niv1"> 
       <!-- CSS #MenuVert --> 
  <li class="active "><a href="acceuil.html"><span>Acceuil</span></a></li> 
  <li><a href="Base/intro.html"><span>Introduction</span></a></li> 
 <li><a href="Base/union.html"><span>Unification</span></a></li> 
 <li class="subniv"><a href="Base/enseig.html"><span>Enseignement</span></a> 
 <ul class="niv2"> 
   <li class="subniv"> Sciences 
   <ul class="niv3">  
     <li> Biologie </li> 
     <li> Psychologie </li> 
    <li> Mathematique </li> 
    <li class="subniv"> Physique 
     <ul class="niv4"> 
    <li> Albert Einstein </li> 
     <li> Henrich Hertz </li> 
     </ul> 
    </li> 
  <li> Astronomie 
    <ul> 
      <li> Copernic </li> 
     <li> Gallilé </li> 
   </ul> 
  </li> 
  </ul>        
  </li> 
 <li> Politique 
   <ul> 
     <li>Régime Politique</li> 
    <li>Loi</li> 
   </ul> 
   </li> 
  </ul> 
 </li> 
<li><a href="Base/histoire.html"><span>Histoire</span></a></li> 
<li><a href="Base/telechargement.html"><span>Telechargements</span></a></li> 
<li><a href="Base/liensexterne.html"><span>Liens Externes</span></a></li> 
<li><a href="Base/contact.html"><span>Contact</span></a></li> 
<li><a href="index.html"><span>Index</span></a></li> 
</ul> 
</div>


comment puis-je faire?

j'ai des classes au niveau 4

Merci de m'aider



aKuNa MaTaTa
A voir également:

3 réponses

Garutor Messages postés 263 Date d'inscription vendredi 6 juillet 2012 Statut Membre Dernière intervention 13 avril 2017 12
7 janv. 2013 à 06:16
Bonjour.

Pour te répondre non le javascript n'est pas obligatoire pour un menu. Regarde sur le SDZ (https://openclassrooms.com/fr/ et tu trouveras des tuto approprié qui t'aiderons d'une part à corriger ton script, d'autre part l'améliorer.

Cordialement : Garutor
1
nolimitech Messages postés 42 Date d'inscription lundi 4 août 2008 Statut Membre Dernière intervention 8 janvier 2013 4
8 janv. 2013 à 00:19
Bonjour,

Merci pour SDZ ( C'est le site où j'ai appris le BASH,Python,

Présentement j'essaye HTML,CSS

..Merci pour ta réponse :) Malheureusement, ce n'est pas l'Explication qu'il me manque, mais différent point de vue. Comme lorsque que l'on étudie, on a des questions, alors le professeur est là. Chaque professeur est différent, dont la façon d'expliquer.

Mis-à-part certains sites, plusieurs donnent des démos, ( copier/coller )
Je dois avoir 40 modèles,

Ce que je n'arrives juste pas à comprendre, c'est créer la Flèche ( es-ce une images? )

Es-ce que c'est Float:left; ....... qui donne le résultat.. Es-ce le CSS qui le comprend seul, juste avec le <ul> <li> ?...

C'est comment rechercher sur "google " Que doit-on écrire.... facile rechercher, mais quand l'on connaît pas ce qu'on cherche..

J'ai trouvé Multi-menu Css onglet html.......... Mais c'est toujours du copier/coller. Ça explique rien. De plus, il montre exemple pour un Menu Drop-down...

Aucun sous-dossier ( ou juste 1, Donc pas de flèche )....

Merci, je vais continuez de chercher et lire et relire et rerelire :)

Merci pour ta réponse :) +1
0
Garutor Messages postés 263 Date d'inscription vendredi 6 juillet 2012 Statut Membre Dernière intervention 13 avril 2017 12
8 janv. 2013 à 06:24
Ah, j'ai aperçu ce tuto aussi ^^.
Moi aussi j'y arrivais pas à mettre la flèche verte (qui est effectivement une image.)

Quand j'apprenais ce que j'ai fait c'est que j'ai pris le code source de différent menu.
Je les est étudier minutieusement et j'ai créer le miens !

Allez bon courage, tu verras ce n'est pas très compliqué ;)
0