Centrer un menu déroulant - cssmenu_ulshadow.tpl - Version imprimable +- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr) +-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html) +--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html) +--- Sujet : Centrer un menu déroulant - cssmenu_ulshadow.tpl (/thread-184.html) |
Centrer un menu déroulant - cssmenu_ulshadow.tpl - britanicus - 21/02/2010 Citation :Bonjour je veux centrer un menu déroulant. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 22/02/2010 Bizarre, je ne vois pas comment tu as fait pour arrondir pour arrondir à droite du menu. Sinon, #primary-nav li {width:20%;} Et tu vires tout ce qu'il y a de trop Centrer un menu déroulant - cssmenu_ulshadow.tpl - britanicus - 22/02/2010 Ca donne pas le résultat voulu. Dans le cas avec width:20%, les onglets se partagerons la largeur à 100%. Ce que je veux c'est que mon onglet soit a 132px, et que si il y a 3 onglets bien qu'ils le soient centrer avec 132px de large pour chacun. Pour le coin arrondis du menu. C'est que la bande grise est en background de l'entête. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 22/02/2010 Jouer avec des px pour être tip-top, tu vas dans le mur. Regarde ton site sous IE6, tu vas pleurer. Ça veut dire quoi : c'est que la bande grise est en background de l'entête ? C'est ceci : url("http://www.abacus-referencement.com/cms/uploads/images/secondaire/navigation/separateur-menu-gris.gif") no-repeat scroll 964px 2px transparent Bizarre, drôle de méthode pour placer un | uniquement à droite du dernier élément du menu. Ça aussi, c'est bizarre : border:0 solid aqua; De toutes façons, tu as des erreurs dans ton code html au niveau du menu. Passes au validateur et commences par corriger. Sans cela, tu risques d'avoir des aberrations de mise en page. Centrer un menu déroulant - cssmenu_ulshadow.tpl - britanicus - 22/02/2010 J'ai corrigé ma page elle passe au validateur. Pour ce qui est de IE 6, le client ne le supporte pas. Crois-tu que mon menu peut se centrer. Le nombre d'onglet varie d'une page à l'autre. J'ai essayé avec cette technique mais sans succès pour des menus déroulant. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 22/02/2010 Ok, j'ai trouvé : header-secondaire.jpg On verra demain. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 22/02/2010 Je lis ceci : The <ul> tag is then styled with a relative position and floated left with a left position of 50%. Finally the <li> tag is also styled with a relative position, floated left but this time with a right position of 50% Vérifie que ton code correspond exactement à celui de cssplay et ça fonctionnera, mais tu ferais mieux de décomposer ton image. Centrer un menu déroulant - cssmenu_ulshadow.tpl - britanicus - 22/02/2010 As-tu essayé ce code? Car moi quand je l'ai essayé je perdais mes sous-menus. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 22/02/2010 C'est celui-ci que tu dois essayer : Code : .container {clear:both; float:left; width:100%; overflow:hidden;} Code : <div class="container"> Centrer un menu déroulant - cssmenu_ulshadow.tpl - britanicus - 22/02/2010 Tu peux aller jeter un oeil, je perds les sous-menus. http://www.joly-design.com/test/erreur/mc/index-menu.html Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 23/02/2010 Il n'y a pas disparition des sous-menus. C'est ta css qui les cache. Pour voir ton sous-menu, je dois supprimer overflow:hidden de #header et de #menuwrapper. Et je dois mettre #main en display:none. Ce n'est pas le code css du menu qui est en cause mais le reste. Centrer un menu déroulant - cssmenu_ulshadow.tpl - Jean le Chauve - 21/07/2010 Résolu ? |