Faire un menu dynamique ouvert et accessible - commentaires Faire un menu dynamique ouvert et accessible 2012-06-21T07:51:10Z https://openweb.eu.org/articles/menu_universel#comment685 2012-06-21T07:51:10Z <p>je me permets de poster aussi un commentaire avec 10 ans de retard, mais maintenant la solution est beaucoup plus simple avec HTML5 et CSS3 comparé à l'époque de publication de l'article... Mais déjà très précurseur pour un article de 2003, félicitations.</p> Faire un menu dynamique ouvert et accessible 2012-06-13T09:17:26Z https://openweb.eu.org/articles/menu_universel#comment652 2012-06-13T09:17:26Z <p>Bonjour, je suis tout d'abord fasciné que mon article suscite encore des commentaires près de 10 ans plus tard. :D</p> <p>Après quelques investigations, je n'ai pas trouvé d'exemple de ce bug. Avez-vous tenté de supprimer ":link" de l'instruction CSS ? C'est un peu léger comme piste mais disons que c'est un début.</p> <p>Comme d'habitude, si c'est en ligne quelque part, n'hésitez pas à donner une URL.</p> Faire un menu dynamique ouvert et accessible 2012-06-08T10:01:27Z https://openweb.eu.org/articles/menu_universel#comment639 2012-06-08T10:01:27Z <p>Bonjour à tous, et merci pour la qualité de ces pages.</p> <p>J'ai repéré ce qui peut être apparemment un bug sous Firefox 12 ; cela dit, ce bug est certainement déjà connu. S'il existe une solution, je suis preneur.</p> <p>code CSS :<br class="autobr"> Bloc menu gauche, float left destiné à permettre le positionnement du bloc principal de texte.</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.menuG { .../.... float:left; }</code></pre></div> <p>code html :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><div class="menuG"> <ul> <li><a href="Index2.php">Traitement</a></li> <li><a href="gestion.php">Gestion des Interventions</a> </li> </ul> </div></code></pre></div> <p>Dans ce cas, FF ne prend pas en compte l'affichage du lien dans le html généré ; le source est en revanche bien formatté.<br class="autobr"> Sous IE, pas de problème, le lien est bien pris en compte et généré...</p> <p>Extrait de l'accès à la mise en forme de la balise a :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.menuG ul li a:link { display: block; /*padding: 10px;*/ text-decoration: none; }</code></pre></div> <p>Chers amis, une piste ?</p> le menu. 2011-09-19T12:38:42Z https://openweb.eu.org/articles/menu_universel#comment531 2011-09-19T12:38:42Z <p>Bonjour,<br class="autobr"> est-ce que votre code est visible en ligne ? Ce serait le plus simple pour pouvoir vous répondre.</p> le menu. 2011-09-15T09:31:30Z https://openweb.eu.org/articles/menu_universel#comment530 2011-09-15T09:31:30Z <p>le menu dynamique me plaît et je voulais l'adapter à mon site mais lorsque j'édite dans notepad le menu ne répond pas.<br class="autobr"> Je m'explique:sur votre site , quand la souris est sur le menu principal les sous menu apparaissent mais dans notepad lorsque j'enregistre et regarde le menu , rien ne se produit à l'approche de la souris.<br class="autobr"> Comment faire ? Aidez moi svp</p> Rajoutez une bannière en haut de la page. 2011-08-30T07:41:32Z https://openweb.eu.org/articles/menu_universel#comment523 2011-08-30T07:41:32Z <p>Bonjour,</p> <p>J'ai trouvé autre chose pour le projet que je faisait à l'époque, mais pour l'actuel, je me servirai de cette bannière. Merci donc !</p> <p>Cordialement,</p> Rajoutez une bannière en haut de la page. 2011-07-03T18:05:48Z https://openweb.eu.org/articles/menu_universel#comment484 2011-07-03T18:05:48Z <p>Bonjour,</p> <p> votre question date mais peut-être que je suis votre sauveuse, celle qui va vous dire comment mettre une bannière dans tout cela.</p> <p> Avant les liens onload ; onmouseover ;onfocus, soit juste après l'ouverture de la balise </p>, ajoutez (dans le code HTML ou xHTML) : <div id="banniere"> <p> Explication : vous venez de créer une div (un bloc) où il y aura votre image. Eh oui, il n'y a rien dedans, mais ne vous laissez pas avoir ;) Ceci fait, allez dans votre fichier CSS et ajoutez :</p> <p>#banniere<br class="autobr"> <i><br class="autobr"> background-image : VOTREIMAGE.xxx ;<br class="autobr"> blackground-repeat : no-repeat ;</i></p> <p>width : (si vous voulez choisir une largeur pour l'image) ;<br class="autobr"> height : (si vous voulez choisir une hauteur pour l'image) ;</p> <p>margin-top : 10px ; (pour que la bannière ne soit pas collée au haut de la page, tout comme vous pouvez rajouter des marges en bas, à droite, à gauche)<br class="autobr"> </p> <p> Explication : vous venez de mettre votre image !</p> <p>Voilà !</p></div> Faire un menu dynamique ouvert et accessible 2010-11-15T14:47:18Z https://openweb.eu.org/articles/menu_universel#comment351 2010-11-15T14:47:18Z <p>Bonjour,</p> <p>Je souhaiterai faire quelques modifications à votre page pour rajouter une bannière avant le menu, mais je n'y parviens pas. pouvez vous m'aider ?</p> <p>Cordialement,</p>