Créer un menu dynamique JS+CSS+HTML

[fan_d'Rob]

Bonjour ! j'ai cherché sur internet comment faire un menu horizontale dynamique en CSS qui ouvre un bloc sous le bouton du menu quand on passe le curseur dessus mais quand les boutons sur lesquels on passe ne soit pas des liens mais aucun ne me permettent de faire ce que j'ai envie ...

Voici le code HTMl actuel de mon menu:

Code: Tout sélectionner

<ul id="menu">
<li><a href="#" title="#"><span>Infos</span></a></li>
<li><a href="#" title="#"><span>Jeu</span></a></li>
<li><a href="#" title="#"><span>Championnat</span></a></li>
<li><a href="#" title="#"><span>Personnel</span></a></li>
<li><a href="#" title="#"><span>Partenaires</span></a></li>
</ul>


Le code CSS du menu:

Code: Tout sélectionner

ul#menu {
background: url(images/menu.gif) no-repeat;
height: 40px;
width: 958px;
padding: 9px 0 0 34px;
list-style: none;
}


et cela doit ressemblé a ca: http://www.enregistrersous.com/images2/ ... 140244.png

Les gros problèmes que j'ai eu avec les différents scripts JS sont:
-Bloc JS non aligné
-Texte des menu non centré
-Couleur de fond des textes inéchangeable

Si vous pouviez me fournir un script JS, CSS et HTML pour avoir le menu dynamique que je souhaite ça serait super sympa =)

Merci d'avance et a bientôt

[coyote89]

Salut,

Pourquoi ne veux-tu pas utiliser la méthode qui permet de dérouler un menu quand on passe sur un lien ?
Ca permet de se passer du javascript, c'est tout de même bien pratique.
=> exemple

[fan_d'Rob]

Et bien si je peut mettre une images en fond de ce qui apparait oui ... pourquoi pas ...

[coyote89]

J'ai utilisé/modifié un script de ce genre pour faire un menu vertical déroulant pour un projet l'année dernière : voir ici.

C'est possible de faire apparaitre des images au survol (moi j'ai fait apparaitre un petit logo, mais c'est possible de faire apparaitre ce que tu veux).
Apres, pour le moment le JS permet plus de flexibilité, mais ca réduit beaucoup la compatiblité avec les différents types d'écrans et navigateurs existant et susceptible d'accéder à ton site. Et c'est aussi plutôt chiant à coder (avis entièrement subjectif )

[fan_d'Rob]

D'accord merci j'essaye

[fan_d'Rob]

J'arrive pas a l'adapté sur mon menu ... :(

[coyote89]

Ah ben hé, faut persevérer en design web : tout se fait pas en 10 minutes

Si tu veux plus de réactivité, tu devrais essayer les forums d'alsacréation CSS ou du site du zéro, y'a plus de main d'oeuvre qu'ici là-bas

[fan_d'Rob]

Enfaite le problème est que mon menu est découpé en CSS ... chaque partie faisant tant de pixels par tant de pixels est un bouton du menu et le menu comporte déjà les texte donc j'aimerai enlevé les texte du script du menu mais ca marche pas :(

Ca fais 2 heures que j'ai posté sur le SDZ et toujours pas de réponse ...

[fan_d'Rob]

j'ai oublié un bout du code CSS du menu, voici tous les codes CSS du menu:

Code: Tout sélectionner

ul#menu {
background: url(images/menu.gif) no-repeat;
height: 40px;
width: 958px;
padding: 9px 0 0 34px;
list-style: none;
}

ul#menu li { float: left; }
ul#menu li a { display: block; height: 34px; width: 184px; }
ul#menu li a span { display: none; }