Version imprimable
Bonjour à tous,
Comme j'ai eu d'énormes problèmes avec un menu déroulant avec UL et un javascript,
je me suis penché sur une autre solution qui n'utilise pas le js.
Seulement voilà, le menu seul fonctionne très bien; donc, je le mets en place sur mon site.
Grrrr ! Ca fonctionne bien avec IE, où tout est déroulant, mais pas avec Opera, FF, Safari. :evilred:
Ce menu est accessible ici.
Si vous avec la solution à ce problème, je suis preneur.
Merci d'avance.
Ton menu fonctionne bien sur les navigateurs que tu cites mais les menus déroulant ne seront pas accessible sous IE6, en accès clavier ou via un lecteur d'écran.
D'autre part le choix de listes de définitions n'est pas adapté ici malgré une pratique assez répandue mais qui est un détournement de l'usage qui devrait en être fait.
Bonjour Erwan3,Citation:
Envoyé par Erwan31
Désolé du retard, mais j'étais occupé ailleurs.
J'ai pas très bien compris la 2ème partie de ton message "D'autre part..."
C'est vrai que cela va bien avec les navigateurs, quand il est seul !...
J'ai peut-être oublié de le dire, c'est que quand je le mets sur le site, donc, il est appelé via un include dans l'index.php
C'est là le hic !
Avec IE et +, y a pas de problème, part contre, c'est avec les autres où il y en a.
C'est ça que je comprends pas du tout... :?
Pourtant le chemin est juste pour le css, et comme il n'y a pas de js, c'est réglé de ce côté-là.
Si tu as le temps, je l'ai mis en ligne sur le site, ainsi tu pourras voir que c'est OK avec IE seulement !
http://qi98.free.fr/
Si tu peux m'aider à résoudre ce hic, ce serait sympa.
Merci d'avance.
Tu pourrais nous coller le CSS également ? Sans ça difficile de savoir exactement ce qui cloche :P
Edit : au temps pour moi si c'est le même CSS que dans le source de ton premier post ^^
J'ai regardé un peu ton code. Je suis en ce moment sur une appli Web avec un menu du même type.
Pour ma part, j'ai plutôt ce type d'architecture, les listes de type ul-li sont imbriquées dans les boîtes de type dd, et non l'inverse, si ça peut t'aider.
Code:
2
3
4
5
6
7
8
9
10
11
Désolé pas le temps de jeter un oeil à ton problème. Je voulais dire par là que l'élément Dl n'est pas approprié ici, il te faut choisir une liste non-ordonnée UL.Citation:
Envoyé par jlb59
Effectivement, ça ressemble un peu au menu de mon site, mais le mien fonctionne (déroulant) avec le css. Je me demande pourquoi d'ailleurs ???Citation:
Envoyé par Poulpynette
En effet, si j'enlève le css, j'ai exactement pareil que l'exemple que tu as mis.
Si je regarde ton exemple, je m'aperçois que c'est plutôt l'encadrement <dl>...</dl> qui est en 1er et <li>...</li> vient en dernier.
Apparemment, il y a pas beaucoup de différennce, sinon que mon menu n'a qu'une seule puce.
Bref, avec tout ça, je vois pas comment résoudre le prb qui est que le menu tout seul, c'est OK dans plusieurs navigateurs, mais si je le mets dans mon site, donc appelé par un "include", ça va bien avec IE seulement ????
Que faire, mon bon monsieur ?
Salut,
si tu retires les title de tes <link rel="stylesheet" type="text/css" ...
ça fonctionne correctement sous firefox, maintenant, tu n'as plus qu'à regarder si ça fonctionne aussi sur IE, parce que j'ai testé avec firebug seulement.
Enfin c'est presque bien, le sitemap est légerement décalé et il n'y a pas le trait du bas.
T'as peut-être mal vu, ce que tu dis est dans un commentaire "<!-- -->"Citation:
Envoyé par keskidi
Négatif, je ne sais pas pourquoi, mais si tous tes title de tes link sont "design", ou si tu ne donnes aucun title, ça fonctionne.Citation:
Envoyé par jlb59
Code:
2
3
Petit bémol, je viens de voir qu'avec IE6, ton menu n'est absolument pas déroulant.
Donc si c'est ta solution future, il va y avoir du boulot si ça ne marche que sur IE7. En général, je teste plutôt avec Firefox, puis quelques correctifs pour IE6 / IE7, que le contraire, c'est moins compliqué.
Non, non, ça c'est ce qu'il y a sur le site, donc, tous mes css sont appelés de "index.php", jusque là tout est normal.Citation:
Envoyé par keskidi
J'ai mis le même menu en ligne ici.
Là, c'est OK, mais pas sur le site, et je ne vois pas pourquoi.
Je croyais que tu avais regardé ce menu. Mea Culpa !
Pas de problème, en général je ne cherche pas pourquoi ça marche, mais pourquoi ça ne marche pas, c'est pourquoi j'étais sur la page de ton site et non sur ta page tmp.
Mais bon, je ne sais pas pourquoi firefox interprète ces title de cette façon, en fait j'ai vu ça en positionnant ce nouveau link en premier plutôt qu'en dernier, du coup, le menu était bon, mais tout le reste était mauvais.
Bah ! Tu sais, il y a de + en + d'utilisateur qui utilisent IE7, voire IE8, c'est pour cela que je ne teste pas avec IE inférieur.Citation:
Envoyé par keskidi
Poulpynette a soulevé le prb des "title" dans les css.
J'ai donc supprimé tous les noms y afférents... et ça marche.
Je ne savais absolument pas que cela pouvait avoir une incidence sur l'affichage.
Je vais d'ailleurs le remercier parce que, apparemment, son astuce est des plus convainquantes.
Donc, ce prb est résolu... pour l'instant.
OK ! Je pense avoir compris ce que tu me dis. Je vais essayé de remettre tout ça à la normale.Citation:
Envoyé par Erwan31
C'est vrai que j'aurais dû faire la normalisation.Citation:
Envoyé par Poulpynette
J'en ai touché un mot à Erwan31.
Je vais essayer de modifier ce menu en faisant comme toi.
Quoiqu'il en soit, tu avais soulevé le prb des "Title" dans les css.
J'ai tout mis à vide et ça marche bien avec tous les navigateurs.
Franchement, je ne pensais pas que ce genre d'écriture pouvait jouer sur l'affichage.
Ce que je ne comprends toujours pas, c'est que le menu seul, c'est OK, mais dès que je le mettais sur le site... bonjour les dégâts !
Mais comme maintenant, c'est OK, je vais m'attaquer à cette histoire de liste.
Bonne journée et encore merci.
De rien.
Pour ma part ce type de menu fonctionne très bien sous tous les navigateurs, et c'est propre.
Le mien n'est pas déroulant, j'ai plutôt mis un hide / show à la place. Mais ça c'est le JavaScript qui s'en charge.
PS : pour les "title", c'est Keskidi qui avait soulevé le problème ;)
Il est vrai que les listes, dl, dt, ... ne sont pas forcément faites pour construire des menus, mais elles conviennent généralement très bien, empêchent pas mal d'erreurs et le code reste propre et lisible. Donc ça ne me choque pas vraiment.Citation:
Envoyé par Erwan31
Salut Keskidi,Citation:
Envoyé par keskidi
J'ai commis une bourde en disant que Poulpynette avait soulevé le prb des "Title".
En fait, cette astuce venait de toi : toutes mes excuses mon bon monsieur !
c'est vrai que ça marche nettement mieux avec des title vide.
Mais, je ne comprends touours pas pourquoi ???
Enfin, merci encore et accepte une nouvelle fois toutes mes excuses.
Bonne journée.
Oui mais ce menu est hélas obsolète, il doit justement être remplacé (depuis quelques temps déjà) par un menu à base d'UL. ;)Citation:
Envoyé par Poulpynette
Les DL ne sont pas adaptées du point de vu de la sémantique malgré l'économie de moyens qu'ils permettent d'obtenir.
La liste de définition n'apporte aucune valeur ajoutée sur la liste non-ordonnée.
Ok, je vais me pencher sur la question et voir si je peux encore améliorer mon code.
Peux-tu juste m'indiquer comment je dois m'y prendre pour ce type d'architecture ?
Le contenu du DT correspond au menu et les sous-menus correspondants sont dans les DD. Je dois faire une nouvelle liste UL-LI juste pour le DT ?
Enfin, dernière chose, les "boîtes" me permettent de spécifier des tailles, couleurs de fond, etc ... C'est toujours possible avec les LI ?
Merci d'avance :D
Code:
2
3
4
5
6
7
8
9
10
11
Salut,Citation:
Envoyé par jlb59
Y a pas de lézards, en temps que membre du collectif de "ceux essaye de suivre l'évolution avant d'être largué par le web 10.0", je suis heureux de participer au débat.
L'important, c'est de comprendre, pas qui enseigne.
L'idéal est d'avoir un structure de ce type.Citation:
Envoyé par Poulpynette
Avec une encapsulage à la volé (via le JS) de l'intitulé recherche dans un lien qui donneraitCode:
2
3
4
5
6
7
8
9
Ceci afin d'éviter d'avoir un lien Recherche qui n'est pas un lien mais un simple intitulé servant à afficher un sous-menu en cas de JS non activé.Code:
2
3
4
Je te montrerai un modèle si ça t'intéresse.
Ayé, j'ai tout recodé en suivant ton modèle.
Ça m'a pris un peu de temps à cause de la feuille de style qui est moisie (ceux qui ont codé cette appli avant moi ont fait les cochons avec le CSS ^^).
Merci de m'avoir appris un truc utile :D
Je tâcherai de l'appliquer chaque fois que je rencontrerai ce cas dorénavant.
:hola:
Si c'est de mon menu déroulant que tu parles, tu n'avais qu'à me le demander, je t'aurais envoyé la totalité en mp.Citation:
Envoyé par Poulpynette
Euh nan désolée ^^ Puisque je possédais déjà un menu qui fonctionnait de mon côté.Citation:
Envoyé par jlb59
Mais merci quand même ;)
Je parlais des conseils d'Erwan31 que j'ai appliqués.