Bonjour à tous,    
 
actuellement je réalise le site du projet de rassemblement des teams HFR du forum jeux video et j'aimerais savoir ce que je pourrais améliorer pour rendre le site plus agréable.
 
Voila l'adresse :
 
http://perso.wanadoo.fr/popok/
 
PS : les couleurs varient selon les sections, ne vous fiez donc pas uniquement à la page d'accueil

Un conseil au niveau ergonomie : le lien "retour à la page principale" devrait se trouver dans le tableau de gauche. D'ailleurs il serait de bon ton de le renommer en "Accueil", ou quelque chose dans ce goût. D'autre part, le logo Hfr aurait plus sa place en haut à gauche (c'est là que l'oeil se pose en premier en arrivant sur le site).
 
(Les boutons W3C compliant je vois pas bien l'intérêt, mais bon. )

beh nivo graphism ya pas grand chose a par de la couleurn et une image d'illustration par section! donc faire une critique sue le graphism c'est difficile!
sinon c'est propre, très compliant quoi
c'est vrai que le logo hfr est placé bizarrement, et le fait qu'il soit plus large que le bandeau sur lequel il se trouve rend le truc encore plus zarb! pourquoi, au lieu du mettre juste une image par section, tu ne fait pas des bandeaux, ça habillerai un peu?

parappa > le lien de retour à l'accueil j'avais effctivement songé à le déplacer car je me suis aperçu que dans les pages avec beaucoup de texte il fallait aller tout en bas de la page pour voir le lien.
 
le logo HFR, j'avais décidé de le mettre à droite car j'avais l'impression qu'en le mettant à gauche ça surchargeait trop un côté par rapport à l'autre (particulièrement en haute résolution où le côté droit fait un peu désertique je trouve)
 
les logos W3C c'est juste parce que j'étais fier d'avoir fait un site entièrement compliant, mais c'est vrai que sinon ça n'a pas une grande utilité
 
frenzy > le logo HFR plus large que le bandeau ? j'avoue que je ne saisi pas très bien    
Sinon, je vois pas ce que tu veux dire par bandeau au lieu des images
 
merci

Moi je pense que le site est très

popok a écrit a écrit : parappa > le lien de retour à l'accueil j'avais effctivement songé à le déplacer car je me suis aperçu que dans les pages avec beaucoup de texte il fallait aller tout en bas de la page pour voir le lien.   le logo HFR, j'avais décidé de le mettre à droite car j'avais l'impression qu'en le mettant à gauche ça surchargeait trop un côté par rapport à l'autre (particulièrement en haute résolution où le côté droit fait un peu désertique je trouve)   les logos W3C c'est juste parce que j'étais fier d'avoir fait un site entièrement compliant, mais c'est vrai que sinon ça n'a pas une grande utilité   frenzy > le logo HFR plus large que le bandeau ? j'avoue que je ne saisi pas très bien     Sinon, je vois pas ce que tu veux dire par bandeau au lieu des images   merci

 
le logo dépasse (en bas) le bord du bandeau sur lequel il est incrusté! par bandeau je veux dire header, enfin je sais pas une image qui fait la largeur du site, placé en haut au dessus de l'espèce de bandeau ou est placé le logo

frenzy a écrit a écrit :     le logo dépasse (en bas) le bord du bandeau sur lequel il est incrusté! par bandeau je veux dire header, enfin je sais pas une image qui fait la largeur du site, placé en haut au dessus de l'espèce de bandeau ou est placé le logo

le logo dépasse    
c'est quoi ta résolution et ton navigateur ? A la limite, tu pourrais faire un petit screenshot de ce que tu vois stp ?
 
Sinon pour faire un bandeau au dessus pour les sections, je regarderai comment faire ça

Je crois que je comprends, tu dois utiliser mozilla non ?
 
je viens de l'installer et j'obtiens ça
 

 
alors qu'on obtient ça avec IE6
 
 

 
 
Comme quoi le W3C compliant

opera
 
   

frenzy a écrit a écrit : opera    http://mapage.noos.fr/lila.mae/images/screen.gif

 
AAAAAAAhhh
 
ça donne encore un truc différent  

huhu pauvra popok...lui qui nous avais fais un superbe site    
 
Sinon je suis d'accord sur l'avis qu'il faudrait peut etre "habillé" les section. C'est a dire mettre peu etre un genre de bandeau en haut tout le long de chaque section

popok a écrit a écrit :     AAAAAAAhhh   ça donne encore un truc différent

 
c'est bien pour ça que ça me fait rire le 3wc complancy t'as bô avoir un code qui passe le super validator, ça ne l'empeche pas d'avoir des "bugs" de lectures selon les navigateurs.
 
 

frenzy a écrit a écrit :     c'est bien pour ça que ça me fait rire le 3wc complancy t'as bô avoir un code qui passe le super validator, ça ne l'empeche pas d'avoir des "bugs" de lectures selon les navigateurs.

 
D'ou l'utilité d'utiliser un navigateur qui respecte tout aux pied de la lettre et pas un truc qui place les élément ou il le veut

 
genre quoi?

Mosaïc !

 
Lynx

 
genre mozilla, galeon, skipstone, chimera, netscape, kmeleon, voire meme opera. 'fin presque tous sauf ie(et dérivés).  
 
Un site qui passe sous un mozilla aura beaucoup de chance de passer correctement sous ie alors que l'inverse n'est pas vrai.

frenzy a écrit a écrit :     c'est bien pour ça que ça me fait rire le 3wc complancy t'as bô avoir un code qui passe le super validator, ça ne l'empeche pas d'avoir des "bugs" de lectures selon les navigateurs.

 
Et puis bon, au w3c, ils font ce qu'ils peuvent, ils créent juste des normes, ensuite c'est a leur membres de les implémenter dans leur outils.  
 
C'est pas de leur faute si ça amuse certains de rajouter des extensions proprios a la directx au lieu de faire un navigateur correct

 
hum! beh là son site est compliant et pourtant il ne s'affiche pas bien sous opera, ni mozilla! alors qu'il me semble qu'opera est engagé dans la "lutte".

vi, et puis j'ai rectifié pour que ça passe bien sous mozilla mais du coup j'obtenais un truc encore plus horrible sous IE

popok a écrit a écrit :   vi, et puis j'ai rectifié pour que ça passe bien sous mozilla mais du coup j'obtenais un truc encore plus horrible sous IE

 
le probléme c'est que ya toujours un choix a faire a un moment ou un autre, et pour ma part, le choix se porte sur le navigateur le plus utilisé, et opera qui est (était jusqu'à aujourdh'ui: paix à son âme) mon navigateur principal!
 
ya ça qui pourrait t'intéresser si tu ne connais pas déjà:
http://www.bluerobot.com/web/layouts/ Dans les "views sources" des différent layout, il donne des hacks pour parrer aux problémes de compatibilité! j'ai jamais véritablement mis le nez dedans, mais ça vaut peut être le coup

c'est justement ces fameux "hacks" que j'utilise

popok a écrit a écrit :   c'est justement ces fameux "hacks" que j'utilise

 
merde, c'est con  

frenzy a écrit a écrit :     merde, c'est con

n'est ce pas ?
 
D'après les petits gars de la section progra faudrait que je corrige les erreurs en prenant mozilla pour référence, mais je sens que ça va être long    (quoique j'ai l'impression que c'est juste cette foutue bannière qui fait déconner le reste en grande partie)

et comme ça ? ça passe bien chez tout le monde ?
 
http://perso.wanadoo.fr/popok/index2.htm

 
C'est bien se que je disais, le rendu de mozilla et d'opera est presque totalement similaire, il rend les normes comme il le faut. C'est ie que ne le rend pas comme il le devrait. Ça a beau etre au normes, ie l'interprete mal.

 
beh mozilla et opera ne les rendent pas de la même manière, regarde les screens  

frenzy a écrit a écrit :     beh mozilla et opera ne les rendent pas de la même manière, regarde les screens

 
J'espere que c'est de l'humour parce que le screenshot d'opera est en jaune. Parce qu'au sinon, tout les élements sont placé au meme endroit. Y a que ie qui met le logo au dessus du div header.

et l'espace au dessus du logo sur le screen d'opera?

et la deuxième version alors ?
 
http://perso.wanadoo.fr/popok/index2.htm

http://mapage.noos.fr/lila.mae/images/screen2.gif

ah bah ça m'a l'air bien ça    

J'optiens la même chose.

ok, donc effectivement il semble que l eproblème venait de la bannière hfr

frenzy a écrit a écrit : et l'espace au dessus du logo sur le screen d'opera?

 
La w3c laisse quelques libertés pour certains réglages, tant que ça ne vient pas modifier la mise en page, c'est bon. Par exemple, pour les bordures, c'est vraiment flagrant, il n'y en aucun navigateur qui fait comme un autre(bon sauf pour solid)

il est bien ce site

Je t'avais indiqué sur progra tout ce qu'il fallait faire pour que ton logo soit placé correctement en haut à droite avec tous les navigateurs. Parce que dans ta deuxième version, le logo dans le menu c'est pas génial : ça réduit sa visibilité
 
 
Merci à http://bluerobot.com/web/layouts/layout1.html

Les versions 5 et 6 sont plus que moyennes pour ce qui est du respect de normes. La 7 s'annonce prometteuse.
 
Cela dit dans ce cas là c'est IE qui est en tord et donc popok qui a fait une interprétation erronée des normes

gm_superstar a écrit a écrit :   Je t'avais indiqué sur progra tout ce qu'il fallait faire pour que ton logo soit placé correctement en haut à droite avec tous les navigateurs. Parce que dans ta deuxième version, le logo dans le menu c'est pas génial : ça réduit sa visibilité     Merci à http://bluerobot.com/web/layouts/layout1.html

Effectivement, j'ai emprunté ça à blueroot, faut dire que comme c'est mon premier site en xhtml et que les modeles sont là pour ça ...    
 
Ceci dit c'était pour gagner du temps, je modifierai sans doute plus tard

au fait merci gm pour le truc, je l'avais pas mis paske j'avais cru avoir un problème alors qu'en fait c'est juste que je n'avais pas raffraichi le cache du navigateur    
 
ça marche impec maintenant avec le logo en haut à droite