Liste des bugs signalés

Bug 13

Ouvert par Zéfling le 05/09/2008 22:34
Navigateur : Tous
Système d’explotation : Tous
État : Corrigé
Domaine : ikilote.net
Adresses

/

Description

Je serais bien d'avis de revoir l'organisation du menu principal.

Je viens de virer le mini-menu parce qu'il semble que tout le monde l'oublie ou ne le voit pas. Ça prend donc de la place pour rien. En plus, il bugge sous Opera (ça fera ça en moins) à cause d'un positionnement relatif différent (en fait, il n'est jamais le même quelque soit le navigateur).
Pour ceux qui ne voient pas de quoi je parle, c'était les trois liens sous le compteur de visites.

Si vous avez des propositions de nouvelles organisations, elles sont les bienvenues.

Pièces-jointes
Zéfling : Minimenu.jpg - 402,8 Kio

Zéfling : #1 - Menu_en_haut.jpg - 406,4 Kio
Zéfling : #4 - Menu_en_haut_proto1.jpg - 62,49 Kio
Zéfling : #9 - Menu_en_haut_proto1b.jpg - 61,29 Kio
#1
Zéfling - 08/02/2009 13:54

Pas de nouvelle proposition ? :\

Que penseriez-vous d'un menu en haut ?

Pièce-jointe
Lien : Menu_en_haut.jpg - 406,4 Kio
#2
yzykom - 08/02/2009 16:28

Je donne mon rapidement mon avis :

Le mini menu : c'est vrai qu'il était un peu « invisible ». Il faisait surtout un peu double emploi avec le menu de gauche, plus lisible. Enfin, maintenant qu'il est retiré, on voit mieux la belle en-tête.

Un menu en haut : Etant donné que tu utilises un principe de sous-menus déroulants, je pense que ça peut apporter un plus en terme d'ergonomie. Par contre, j'ai un doute au niveau visuel : sur quoi la fille en haut à gauche va-t-elle s'accouder si il n'y a plus de menu ? Il va falloir trouver quelque chose de translucide à mettre à la place. Simple avis perso, bien sûr.

Ou alors, un menu qui reste latéral mais dont les sous-menu ne masquent pas le menu précédent.

Accueil : je serais d'avis que cette section ne comporte pas de sous menu. Disons que, où que l'on soit dans le site, on pourrait toujours cliquer directement sur le bouton « Accueil » pour revenir à la page principale. Et caser les autres items de ce menu (20 dernières actualités, calendrier, archives) ailleurs ; pourquoi pas avec le calendrier, justement. Ou bien considérer le nombre d'actualités affichées comme un réglage (c'est déjà le cas, il me semble).

Voilà, pas d'autre idée pour l'instant.

#3
Zéfling - 08/02/2009 21:08

J'ai commencé à essayer de voir ce que donnerait un menu type « barre de menu ». Et il est fort probablement que le menu reste en haut. Je suis même assez impressionné parce que j'ai pu faire, mais le soucis c'est que ne fonctionne que sur es navigateurs « modernes » :D Le menu est assez orienté CSS 2.1 vois CSS 3. Et IE 7 se vôtre assez lamentablement pour des trucs. Je crois qu'un gros hack devra être nécessaire. J'ignore toujours IE6 (qui n'est pas foutu de comprendre ce qu'est un sélecteur).

J'avais pensé aller un peu plus loin dans les changements :

~ + Accueil (lien sous forme d'image ?)
1 + Actualités (avec le calendrier)
2 + Ik` Ilote (Tous mes trucs :P)
3 + Galeries
4 + Japonais
5 + Programmations
6 + Forum
7 + Divers
~ + Mon compte / Admin (mais ça c'est que pour moi :P)

Après c'est pour ranger dedans.

#4
Zéfling - 09/02/2009 01:16
OuvertEn cours

Voilà, j'ai réussi à faire quelque chose en touchant ne presque pas au HTML.

Comme ça, je pense que je pourrais laisser l'ancien menu à IE 7 en attend de trouver des parade pour le CSS3.

Ne vous fiez pas à l'esthétique, c'est vraiment pour faire des tests.
En tout cas, maintenant je peux dire que c'est possible et sans une seule ligne de javascript. ^^'

Pièce-jointe
Lien : Menu_en_haut_proto1.jpg - 62,49 Kio
#5
Saturne - 09/02/2009 22:35

Hum, comment dire.
Je préfère effectivement ce type de menu. Mais la place "au-dessus" du site me gène une peu.
Les positions standards en dessous de la bannière ou dans le menu de gauche me conviennent plus.

Effectivement, avec tes pages qui commencent dans la bannière, c'est un peu compliqué.

Pourquoi ne pas le laisser à la même place en remaniant ton CSS ?

+

#6
Zéfling - 10/02/2009 10:34

En fait, il y est pas vraiment au dessus de site, il est plutôt en dessous de la barre d'onglet (il ne bouge pas même si tu scrolles). Bref le menu est accessible même en pied de page.D'un côté je perds 25 px de haut dans mes pages par contres.

Je vais probablement laisser le choix entre les deux versions, parce qu'au final ça ne sera qu'un changement de CSS (Je ne pensais pas que ce que j'avais me laisserait autant de liberté). Mais il faudra que je touche l'ancienne version parce que j'ai tout mis en vrac dans le menu même.

#7
Saturne - 10/02/2009 18:45

[citer]il ne bouge pas même si tu scrolles[/citer]
Dans ce cas, c'est la perfection ^^
Je ne savais pas qu'on pouvait faire ça sans frame.

#8
Zéfling - 10/02/2009 19:25

Si c'est possible et ça marche même dans IE 7. Ce qui me posse plus de problème c'est les sous-menu. La positionnement « relative-absolute » semble un poil boiteux dans IE7. Il ne comprend pas quand je lui dit partir de la droite... il reste à gauche ce con. À mon avis, si j'arrive a faire un hack, c'est sera un miracle.

Pour ce qui est de l'illustration, j'avoue que ça me pose quelques problèmes. J'avais vraiment fait le dessin en fonction du menu. Donc... il faut que je planche aussi sur ça. Peut-être que les modifications du menu auront des répercutions ailleurs.

Pour l'instant je finalise le menu, après j'aviserais. Je mettrais peut-être page de démo ici pour montrer :D

#9
Zéfling - 13/02/2009 05:59

J'ai fait pas mal des corrections. Ça a été un peu casse-tête au niveau de certains petits détails, mais sur ma version locale je ne pense pas revenir en arrière :D Mais tout n'est pas rose, car il faut que je change même l'aspect visuel, clairement pas terrible.

Voilà ce que j'ai pu noter :
Firefox 3 : Parfait
Opera 9 : Parfait
Safari 3 / Chrome 1 : Petit problème très gênant
- Problème de largeur des sous-menus (niveau 1 et 2)
IE 7 : Beaucoup de problèmes
- Problème de position des sous-menus de niveau 2
- Positions des flèches anormales
- Ne comprend pas les instructions css sur le background-image
- Aucun padding respectés

Pièce-jointe
Lien : Menu_en_haut_proto1b.jpg - 61,29 Kio
#10
Zéfling - 13/02/2009 23:48

RHA !!! Certains bugs étaient causés par le hack dans IE7. Mais putain c'est quoi ce navigateur de merde !!!!!! (Non je ne suis pas énervé :D).

Bon, j'ai deux choix si je ne trouve pas de solution (ma patience à des limites, mais de doit dire que l'outil de MS est tellement daubique et chiant que c'est vite intransportable) :
- Une interface de merde pour IE 7 mais le menu sera en haut (mais bon, ça sera presque inutilisable).
- L'ancienne skin et aucune possibilité de passer sur la nouvelle si il voit IE7 dans l'agent-user.

Je serais plus partant pour la seconde solution avec le retour du choix de la skin. :sifflote

Je vais essayer de voir pour Chrome et Safari. Le problème me semble moins coton, mais si je ne trouve pas de solution ça risque d'être la même chose. Parce qu'autant j'ai finis pas comprendre la logique d'âne bâte (qui réécrit les règles en entières quand on en change qu'une et dont il y en a plein qu'il connait mais qu'il est pas foutu d'appliquer), autant le bug de Webkit me semble illogique.

#11
Zéfling - 15/02/2009 18:50

Voilà, il n'y aura finalement pas d'ancien menu (pour l'instant). J'ai réussi à le faire fonctionner sous IE7 avec des astuces à la con. :D
Pour Webkit j'ai mis un hack qui semble faire l'affaire.

IE 7 (hack de la mort) : Petits problèmes restent
- Ne comprend pas les instructions css sur le background-image (Je vais surement trouver :p)
- Style un peu bizarre (mais acceptable : mise en forme et padding)
- Un seul élément n'apparait pas (là, je comprend pas).

J'ai corriger d'autre problème de mise en page (sur Firefox et Opera) et modifier un peu l'en-tête. Je suis bien partant pour pousser les modif un peu plus loin... Donc je sais pas si je vais faire ça étape ou d'un coup.

#12
Zéfling - 17/02/2009 00:44
En coursEn test

C'est mis en même temps que le nouveau fond. :D

#13
Zéfling - 24/02/2009 11:53

Visiblement sous Firefox 2.0.0.x ça ne passe pas très bien. J'ai du mal à comprendre l'erreur.

#14
Zéfling - 24/03/2009 17:24

J'ai fait une correction du Hack de IE7 grâce à IE 8 (incroyable non ?)
Bref, plus de bug d'affichages bizarre et les icônes sont présente.

Pour IE8 j'ai du faire un hack pour corriger de léger problème. donc normalement c'est bon pour lui.

En fait IE n'aime pas la pseudo-class « not:() ». Le site est valide CSS3.0 (juste à cause du not en fait, impossible de faire certaines choses sans lui).

#15
Zéfling - 12/04/2009 17:35
En testCorrigé

Le menu est aussi corrigé pour Firefox 2. Le problème était a peu près être le même que Webkit.

Donc c'est tout bon. Enfin sauf les « :not() » non supportés, mais là je ne peux rien y faire. Il faudrait un script que je ne ferais pas.

Ajout d’un message

Visiteur
Bug
(À ne changer que si nécessaire.)
Pièce-jointe (facultative) Image, document, ou archive (zip, rar, etc.) permettant d’aide à résoudre le bug.