Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2011-10-20 09:57:41

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Sous-catégorie du menu jQuery "joueuse"

Bonjour à tous ;

J'y ai passé la matinée, je crois bien que mes petites connaissances en CSS sont allègrement dépassées.
Je viens d'installer sur mon thème Noviny un menu en jQuery type "Chesnut", que j'ai pour l'instant simplifié au maximum (il faut croire que ce n'est pas assez vu mes compétences !)

C'est visible sur http://www.lasduvolantroquefortois.fr.

Au survol de la catégorie "Compétition" jQuery déploie la sous-catégorie "Calendrier". Malheureusement, cette dernière disparait lorsque l'on promène la souris dessus...

Voici mon code CSS :

#menu {
margin-top : 120px;
width : 780px;
list-style : none;
padding : 2px 40px 0 2px;
height : 30px;
background : transparent no-repeat left top;
position : relative;
}
#menu li {
float : left;
line-height : 25px;
margin : 0 1px;
}
#menu a {
color : #000;
font-size : 12px;
font-weight : 700;
display : block;
padding : 0 40px;
float : left;
}
#menu a:hover {
background : #fff;
text-decoration : none;
}
#container_menu:hover #menu li:hover a {
color : #000;
background : #fff;
}
#menu li.category-current a {
background : #000;
text-decoration : none;
color : #fff;
}
#menu li.category-current a:hover {
background : #777777;
}
#menu li:hover .submenu {
left : auto;
}
.submenu {
position : absolute;
left : -9999em;
margin-top : 24px;
min-width : 150px;
background : #fff;
padding : 4px;
z-index : 100;
}
.submenu ul {
overflow : hidden;
}
.submenu ul li {
line-height : 22px;
padding : 2px 0;
}
.submenu ul li, .submenu ul li a {
float : none !important ;
color : #000;
background : #fff !important ;
}
.submenu ul li a:hover {
background : #fff !important ;
}

Je pense que c'est pas grand chose, et un spécialiste va rapidement me dire où ça cloche.
Mais je suis aussi preneur de toutes remarques constructives ;o)

Merci à tous.

Hors ligne

#2 2011-10-20 10:57:42

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Les menus uniquement en css sont à déconseiller. Je crois qu'il existe un plugin pour DC qui fait ce genre de chose. ;-)


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#3 2011-10-20 10:59:02

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Sinon, si tu veux le faire à la main : le plugin jquery superfish.


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#4 2011-10-21 05:08:42

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Je ne vois pas pourquoi un menu jQuery+CSS serait "déconseillé" ???
Je n'ai fait que tenter de reproduire le menu du thème "Chesnut" dans "Noviny", il n'y a là rien de sorcier, si ce n'est que je ne trouve pas la dernière petite touche finale en CSS pour parachever mon projet. Je pense même que j'ai carrément oublié quelque chose, mais quoi ?

Hors ligne

#5 2011-10-21 06:49:08

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Bonjour bebr.

Ces menus ne sont pas à déconseiller par principe mais parce que la plupart d'entre eux posent de gros problèmes d'accessibilité : si javascript est désactivé ils disparaissent purement et simplement ou au mieux sont inutilisables ; ils ne sont pas navigables au clavier, ils sont "invisibles" aux aides techniques de lecture d'écran.

En outre la plupart d'entre eux ne passent pas sur un téléphone ou une tablette car ils s'appuient sur la pseudo class "hover" qui ne fonctionne pas dans une navigation "au doigt".

D'où le conseil de Patidou.


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#6 2011-10-21 06:52:55

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

D'accord. Là c'est plus clair.
Dois-je en conclure qu'il faut mieux oublier tous les thèmes qui comportent un menu déroulant en jQuery ? ...et donc "Chesnut" par exemple ?

Hors ligne

#7 2011-10-21 07:33:27

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Bah tu peux les tester :

1/ utilisation sur un téléphone ou une tablette
2/ navigation au clavier (tabulation, flèches bas/haut)
3/ Lecture par Voice Over (si tu es sur Mac) ou NVDA http://www.nvda-project.org/ (si tu es sur Windows) (ou la démo de Jaws http://www.freedomsci.de/serv01fra.htm)


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#8 2011-10-21 08:45:40

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Sous-catégorie du menu jQuery "joueuse"

Le javascript permet aussi d'avoir de la latence à l'ouverture et à la fermeture des menus, ce qui fait que même une personne «valide» n'attrapera pas une crise de nerf en se baladant dans les sous-menus. ;-)


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map