Pour mon niveau actuel ,je suis un bricoleur concernant le css . Alors , J'ai fait un menu déroulant et j'aurais besoin de quelques conseils , avis , recommandations et astuces afin de l'améliorer .
Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.
Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).
De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.
Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.
Pour modifier votre titre, éditez le premier message de votre sujet.
(titre originel : Demande conseil)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
- pas de style dans les balises (lien acueil) et ce bleu sur le noir est illisible - body n'a pas de padding, inutile de le mettre à 0 - le padding des <li> est à supprimer et à mettre sur les <a> : - les <a> ne remplissent pas tout le <li> et ne sont donc pas cliquables sur toute la surface - tu as un vilain margin négatif sur les sous-menus (puisque tes sous-menus sont positionnés, sert toi de left) - il manque le position:relative sur les <li> du menu - <li href=""> ça n'existe pas - tu as plusieurs fois <a href=""> dans certains <li> - pourquoi text-align:left sur les sous-menus ? - tu mets une classe sous-menu mais tu ne l'utilise pas dans ta CSS
Pour le reste, fonctionnement et design, rien à dire, c'est basique.
Pour finir je te mets un 0 pour accessibilité. Il est impossible de naviguer pour les personnes non-voyantes et/ou navigant au clavier. Il ne faut pas utiliser display:none pour cacher.
PS : tu es sur que ce code est entièrement fait par toi ? Il ya des petits détails qui me font tiquer...
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
Non, "html5 css3" n'est pas non plus un bon titre. Merci de relire mon message, qui est censé donner des indications. Si ce n'est pas assez clair, dis-le moi.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
J'ai débuté tout seul mais j'ai du m'inspirer de certains tuto sur Internet pour arriver à faire quelque chose qui ressemblerait au menu que je voulais réaliser .
Mon but c'est de maîtriser la creation du squelette pour ensuite le personnaliser a mon gout.
Je prends bien note de tes remarques , mon code est un vrai brouillon...et je vais bientôt l'améliorer...
Grand merci Frogweb .
Et la...a l'instant, je viens juste de constater que mon tuto d'inspiration est sur www.Frogweb.fr 🙈
Merci à toi pour le tuto... je sais maintenant faire le menu déroulant vertical avec des transitions et etc...
J'ai bien analyser le tuto...et j'ai bkp appris sur son fonctionnement.
pourquoi ? parce que c'est une mauvaise pratique tu as visibility: hidden; si tu veux masquer ou mettre ça taille à 0.
ta réponse peux être aussi utilisé à cette phrase :
- C'est pas bien de tuer quelqu'un pour ne plus la revoir.
- Pourquoi? ça marche bien pourtant !
Juste pour te dire que ce n'est pas parce que ça marche qu'il faut le faire et que c'est une bonne chose. Le langage à évolué et maintenant le display: none; est proscrit tu as tellement d'autre moyen plus propre de faire disparaitre ton élément :
avec z-index (si tu as plusieurs couches d'éléments, tu peux le cache derrière)
avec une marge (une marge si grande qu'il sortirait de l'écran mais bon pas propre)
en réduisant ça taille à 0 (pour moi la meilleure solution)
avec visibility (mais laisse un trou car toujours la mais invisible)
tu as un site pour tester ton code css et html et indique les erreurs de développement :
visibility: hidden ne passe pas la taille à 0. Ça cache en gardant la place pour l'élément Ça n'est pas avisé pour un menu déroulant. Non, ce qu'on fait maintenant, c'est assembler
(mais display: none n'est pas proscrit ! Il l'est dans le cas des menus déroulants, parce qu'un élément en display: none est invisible par les lecteurs d'écrans, mais c'est tout à fait utilisable pour cacher durablement quelque chose, ou bien cacher en ayant bien pris soin de préciser aria-live="polite" sur le parent, pour que le site envoie les infos quant au changement de contenu)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Ça marche bien mais , selon moi le height:0; Aurais suffît pour cacher .je sais bien qu'il n'y arrive pas tout seul mais c'est ce qui me semble bizarre .et puis ,de ce que j'ai appris , overflow :hidden; cache les débordements ,et là ,j'avoue ne pas identifier le débordement à cacher.
Eclairez le débutant que je suis , Qu'est- que je n'ai pas saisi ?
Par défaut les éléments sont en overflow: visible : s'il n'y a pas la place d'afficher leur contenu, ledit contenu déborde. Tiens, une démo : https://codepen.io/anon/pen/WLWVqv
(ensuite, pourquoi ajouter width et position : ceinture et bretelles, on va dire)(rhooManu, si tu passes par là ?)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
> lamecarlate je n'ai jamais dit que visibility met la taille à 0 mais je proposais visibility ou mettre la taille à 0 il y a un OU.
Au temps pour moi. Enfin, je trouve qu'il y aurait manqué une virgule, afin de bien séparer les deux propositions Ce que j'ai lu, c'est "on peut utiliser visibility, pour cacher ou mettre sa taille à 0". Alors que tu disais "on peut utiliser visibility pour cacher, ou mettre sa taille à 0".
Pas complètement fan des lefts négatifs non plus, ça pose des soucis de viewports élargis, et sur certaines versions de certains navigateurs (Opera ya quelques années, je ne sais pas si c'est toujours le cas) ça rendait bizarrement.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Menu déroulant en HTML5 et css3
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
<200%>Working</200%>
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
<200%>Working</200%>
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
<200%>Working</200%>
Pas d'aide concernant le code par MP, le forum est là pour ça :)
<200%>Working</200%>
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)