Faire un menu dynamique ouvert et accessible - commentairesFaire un menu dynamique ouvert et accessible2012-06-21T07:51:10Zhttps://openweb.eu.org/articles/menu_universel#comment6852012-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 accessible2012-06-13T09:17:26Zhttps://openweb.eu.org/articles/menu_universel#comment6522012-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 accessible2012-06-08T10:01:27Zhttps://openweb.eu.org/articles/menu_universel#comment6392012-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:42Zhttps://openweb.eu.org/articles/menu_universel#comment5312011-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:30Zhttps://openweb.eu.org/articles/menu_universel#comment5302011-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:32Zhttps://openweb.eu.org/articles/menu_universel#comment5232011-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:48Zhttps://openweb.eu.org/articles/menu_universel#comment4842011-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 accessible2010-11-15T14:47:18Zhttps://openweb.eu.org/articles/menu_universel#comment3512010-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>