JeuWeb - Crée ton jeu par navigateur
Menu horizontale en accordéon - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Menu horizontale en accordéon (/showthread.php?tid=6113)



Menu horizontale en accordéon - DiabloTC - 04-05-2012

Bonjour!

J'essaye en ce moment de créer un menu en accordéon, qui, une fois un lien cliqué, laisse apparaitre un autre menu en dessous

Exemple : http://seem-interactive.com/imonium/

Hors je me suis aidé de ca pour essayer : http://www.alsacreations.com/xmedia/tuto/exemples/accordeon/menu_demo.html

Et voila le (très, mais alors très très mauvais) résultat obtenu :
http://www.tera-imonium.net/test.php

Je n'arrive vraiment pas a obtenir de resultat...je ne sais que faire, malgrès tout mes bidouillages, je n'arrive a rien!

Pourriez-vous m'aider une fois de plus? Sad


RE: Menu horizontale en accordéon - php_addict - 04-05-2012

salut

dans ta feuille de style css tu ne défini pas de style sur tes <li> donc c'est normal, je te conseile en outre de poser ce genre de question sur alsacréations que tu cite car c'est vraiment une question spécifique aux feuilles de styles.


RE: Menu horizontale en accordéon - DiabloTC - 05-05-2012

Oui, j'ai posté effectivement sur alsacréation, mais toujours sans réponse. Et si, dans mon css, j'ai bien mis un list-style: none;


RE: Menu horizontale en accordéon - php_addict - 05-05-2012

oups j'efface ce post, j'ai dit une connerie


RE: Menu horizontale en accordéon - DiabloTC - 05-05-2012

pas de soucis ^^
Je continue mes recherches :/


RE: Menu horizontale en accordéon - DiabloTC - 06-05-2012

Bon et bien, après pas mal de travail, et de bidouillage avec les position absolute et relative, j'ai réussi a obtenir ceci :

http://www.tera-imonium.net/test3.php

Qui est quand même techniquement très proche de ce que je veux!


RE: Menu horizontale en accordéon - php_addict - 06-05-2012

rien du tout ne s'affiche sur firefox, il faut que tu teste su FF, chrome, ie, opera, netscape et navigateur mobile genre safari iphone, mini opera etc...


RE: Menu horizontale en accordéon - DiabloTC - 06-05-2012

Et bien pourtant j'ai les dernières version de IE, FF et Chrome, et tout fonctionne parfaitement!

PS : Ha ok je viens de voir, oui, les href désigne un "#" comme lien, c'est juste que j'avais la fleme de les remplir je voulais juste tester Smile


RE: Menu horizontale en accordéon - php_addict - 06-05-2012

non avec firefox ca ne marche pas du tout chez moi:

- en plein écran (f11) ok ca passe à peu près
- mais pas en plein écran ca ne passe pas, étrangement ton menu est caché par la barre de menu de firefox version 12.0

peut être à cause de ton doctype HTML5 qui doit être <!DOCTYPE html> et non <!doctype html>


RE: Menu horizontale en accordéon - t.bodeux - 07-05-2012

La casse n'influence en rien le doctype ;P