cs_metis15
Messages postés314Date d'inscriptionlundi 19 mai 2003StatutMembreDernière intervention30 novembre 2023
-
16 mars 2009 à 14:06
heronbleue
Messages postés1Date d'inscriptionlundi 8 avril 2013StatutMembreDernière intervention10 avril 2013
-
10 avril 2013 à 00:01
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
heronbleue
Messages postés1Date d'inscriptionlundi 8 avril 2013StatutMembreDernière intervention10 avril 2013 10 avril 2013 à 00:01
il est SUPERBE ton menu !!!! merci de ce soutient pour une pauvre réfugiée perdu dans le monde du code !!!
lexussPro
Messages postés5Date d'inscriptionmardi 14 juillet 2009StatutMembreDernière intervention26 septembre 2011 14 déc. 2009 à 01:19
merci
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 3 déc. 2009 à 07:46
Donc, pour info, il s'agissait de la définition du DOCTYPE... C'est pointilleux ces petites choses :)
cs_tuno
Messages postés2Date d'inscriptionjeudi 13 septembre 2007StatutMembreDernière intervention20 novembre 2009 20 nov. 2009 à 16:24
Ca ne marche pas mieux :-(
Je fais des recherches de mon côté aussi...
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 20 nov. 2009 à 15:34
à Tuno.
Vive IE8 donc... je l'ai implémenté dans mon site de tests, il semble fonctionner avec l'ajout de la balise meta suivante :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
J'avoue, il faudrait le rendre compatible sans ça...
cs_tuno
Messages postés2Date d'inscriptionjeudi 13 septembre 2007StatutMembreDernière intervention20 novembre 2009 20 nov. 2009 à 15:09
Très beau travail, je m'en inspire pour un site en cours de développement. S'il fonctionne à merveille sous Mozilla, IE8 n'en veut pas :-(
Rencontrez-vous ce problème ou est-ce moi qui ai zappé quelque chose ?
erick123456
Messages postés1Date d'inscriptionmercredi 9 septembre 2009StatutMembreDernière intervention 9 septembre 2009 9 sept. 2009 à 09:15
tout simplement bravo
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 7 sept. 2009 à 14:44
@manu7772
Hello hello. Si ça t'intéresse la source qui le construit existe déjà. Pour ma part, je suis parti d'un xml tout bêta. Mail moi sur le site et on se contacte. Cdlt, LBT
cs_manu7772
Messages postés1Date d'inscriptionlundi 6 août 2007StatutMembreDernière intervention 9 août 2009 9 août 2009 à 17:18
Superbe ! Je vais essayer de faire un utilitaire pratique en PHP pour créer les menus automatiquement à partir d'un simple tableau ou fichier texte... à suivre.
quentino2
Messages postés8Date d'inscriptionjeudi 16 avril 2009StatutMembreDernière intervention29 juillet 2009 29 juil. 2009 à 16:06
Salut labotemplates,
Merci pour ton menu, je l'utilise aujourd'hui c'est top.
Je bidouille du code html/css/js selon mes besoins mais je ne suis pas expert.
Je renontre un soucis sur ton menu, lorsqu'il y a beaucoup de menu de niveau 1 et que la fenêtre du navigateur est trop petite, les boutons se mettent à se chevaucher. Il faudrait trouver un moyen de les fixer, ce qui demanderait donc de scroller vers la droite pour voir tout les menus, mais ça serait plus propre.
Peux tu résoudre ce problème ?
Je te remercie,
Q
us_30
Messages postés2065Date d'inscriptionlundi 11 avril 2005StatutMembreDernière intervention14 mars 201610 21 mai 2009 à 18:27
Beau code, en tout cas... bravo.
Amicalement,
Us.
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 27 avril 2009 à 14:06
@gr43
Bonjour,
Effectivement IE6 gère les pseudo class de type hover mais pas sur les listes à puces, ce que le htc permet d'ajouter (et pas que sur les listes, TR, TD, etc. sont aussi concernés ce qui évite les lourds onmouseover/out sur des lignes par exeemple). En l'occurrence, la structure du menu ne permet pas de s'appuyer sur les balises pour gérer l'affichage et le masquage des sous menus.
Je vais tenter d'ailleur d'ajouter la prise en charge du focus sur les éléments de sorte que le menu reste utilisable sans souris.
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 30 mars 2009 à 12:00
Bonjour,
Je n'ai pas utilisé d'éditeur wysiwyg. Avec Pspad ou Notepad++ ça marche !
ninobeo
Messages postés2Date d'inscriptionmercredi 3 octobre 2007StatutMembreDernière intervention30 mars 2009 30 mars 2009 à 10:02
Salut, ce menu a l'air très sympa; mais je ne sais pas comment l'ouvrir? je ne suis pas du tout programmeur.
J'ai bien tenté de l'ouvrir via kompozer mais sans succès.
help!
cs_edr
Messages postés8Date d'inscriptionmercredi 13 avril 2005StatutMembreDernière intervention24 mars 2009 24 mars 2009 à 13:56
gr43
Messages postés95Date d'inscriptionmardi 20 mai 2008StatutMembreDernière intervention 8 septembre 2010 24 mars 2009 à 13:41
Salut, l'esthétique est super sympa. Au niveau du code html et css il est sans doute possible de le réduire légèrement. IE6 ne gère pas les pseudo class de type :hover sauf pour les balises anchor, ce qui peut permettre d'éviter csshover.htc qui me semble-t-il n'est rien d'autre que du javascript.
labotemplates
Messages postés17Date d'inscriptionvendredi 13 mars 2009StatutMembreDernière intervention 3 décembre 2009 19 mars 2009 à 10:06
bonjour et merci pour ces gentils commentaires :)
Donc alors : le .htc (nan nan, c'est pas un smartphone) sert à palier un manque sur l'API d'IE6 qui ne sait pas gérer les pseudo class de type :hover, :focus, etc. sur certains éléments du DOM. Pour le cas présent, il s'agissait de pouvoir utiliser :hover sur des LI et DD. Voilà voilà.
Pour l'optimisation de la CSS, je pense que cette question vient du fait que j'ai découpé les notions de "background". C'est effectivement un peu plus long mais beaucoup plus fin en gestion. Et comme je ne suis pas la moitié d'un fainéant, j'ai adopté une structure HTML de type UL/LI > DL/DD > UL/LI. L'idée est de "casser" les héritages de class sur les UL et LI. Je ne sais pas si je suis bien clair sur ce coup là... :)
Je prends toute optimisation bien entendu, share your mind !
cs_edr
Messages postés8Date d'inscriptionmercredi 13 avril 2005StatutMembreDernière intervention24 mars 2009 19 mars 2009 à 09:52
vraiment très bien
code propre et commenté !
la css aurait pu être optimisée et allégée, mais ce menu est top !
10 avril 2013 à 00:01
14 déc. 2009 à 01:19
3 déc. 2009 à 07:46
20 nov. 2009 à 16:24
Je fais des recherches de mon côté aussi...
20 nov. 2009 à 15:34
Vive IE8 donc... je l'ai implémenté dans mon site de tests, il semble fonctionner avec l'ajout de la balise meta suivante :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
J'avoue, il faudrait le rendre compatible sans ça...
20 nov. 2009 à 15:09
Rencontrez-vous ce problème ou est-ce moi qui ai zappé quelque chose ?
9 sept. 2009 à 09:15
7 sept. 2009 à 14:44
Hello hello. Si ça t'intéresse la source qui le construit existe déjà. Pour ma part, je suis parti d'un xml tout bêta. Mail moi sur le site et on se contacte. Cdlt, LBT
9 août 2009 à 17:18
29 juil. 2009 à 16:06
Merci pour ton menu, je l'utilise aujourd'hui c'est top.
Je bidouille du code html/css/js selon mes besoins mais je ne suis pas expert.
Je renontre un soucis sur ton menu, lorsqu'il y a beaucoup de menu de niveau 1 et que la fenêtre du navigateur est trop petite, les boutons se mettent à se chevaucher. Il faudrait trouver un moyen de les fixer, ce qui demanderait donc de scroller vers la droite pour voir tout les menus, mais ça serait plus propre.
Peux tu résoudre ce problème ?
Je te remercie,
Q
21 mai 2009 à 18:27
Amicalement,
Us.
27 avril 2009 à 14:06
Bonjour,
Effectivement IE6 gère les pseudo class de type hover mais pas sur les listes à puces, ce que le htc permet d'ajouter (et pas que sur les listes, TR, TD, etc. sont aussi concernés ce qui évite les lourds onmouseover/out sur des lignes par exeemple). En l'occurrence, la structure du menu ne permet pas de s'appuyer sur les balises pour gérer l'affichage et le masquage des sous menus.
Je vais tenter d'ailleur d'ajouter la prise en charge du focus sur les éléments de sorte que le menu reste utilisable sans souris.
30 mars 2009 à 12:00
Je n'ai pas utilisé d'éditeur wysiwyg. Avec Pspad ou Notepad++ ça marche !
30 mars 2009 à 10:02
J'ai bien tenté de l'ouvrir via kompozer mais sans succès.
help!
24 mars 2009 à 13:56
cf >>
http://www.websiteoptimization.com/speed/tweak/shorthand/
http://www.websiteoptimization.com/speed/tweak/hex/
http://www.websiteoptimization.com/speed/tweak/css-optimization/
24 mars 2009 à 13:41
19 mars 2009 à 10:06
Donc alors : le .htc (nan nan, c'est pas un smartphone) sert à palier un manque sur l'API d'IE6 qui ne sait pas gérer les pseudo class de type :hover, :focus, etc. sur certains éléments du DOM. Pour le cas présent, il s'agissait de pouvoir utiliser :hover sur des LI et DD. Voilà voilà.
Pour l'optimisation de la CSS, je pense que cette question vient du fait que j'ai découpé les notions de "background". C'est effectivement un peu plus long mais beaucoup plus fin en gestion. Et comme je ne suis pas la moitié d'un fainéant, j'ai adopté une structure HTML de type UL/LI > DL/DD > UL/LI. L'idée est de "casser" les héritages de class sur les UL et LI. Je ne sais pas si je suis bien clair sur ce coup là... :)
Je prends toute optimisation bien entendu, share your mind !
19 mars 2009 à 09:52
code propre et commenté !
la css aurait pu être optimisée et allégée, mais ce menu est top !
quel est le principe de csshover.htc ?
à publier peut-être aussi dans http://www.javascriptfr.com/
ENjOY,
++DigitalCoder
16 mars 2009 à 16:18
16 mars 2009 à 14:06