Bonjour,
Mettre un favicon serait peut être une bonne idée.
Pour le menu, suis les conseils de Laurie-Anne.
Il y a des différences de positionnement entre les différents navigateurs. La span d’id courant empiète sur le menu.
Tes vidéos ne seront pas consultables sur tous les ordinateurs.
http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
L’avantage de ta méthode est qu’elle n’utilise pas la bande-passante de ton serveur, mais si c’est ça le problème tu pourrais utiliser un content delivery network
http://emaroc.info/2010/10/tutorial-mettre-en-place-un-cdn-gratuit-pour-votre-site-web-avec-google-app-engine-1ere-partie/
En bas de page tu as fait une faute de frappe «desing»
Tu utilises des fois le simple quote «'» des fois l’apostrophe «’». Ça manque de cohérence. Pareil pour les accents sur les majuscules (cela vient de tes «text-transform:uppercase», la solution est de mettre partout les accents, et tu pourras tranquillement utiliser tes text-transform.
http://www.lexilogos.com/clavier/francais.htm
Cerise sur le gâteau tu te conformeras à l’Académie française.
http://www.academie-francaise.fr/langue/questions.html#accentuation
On ne peut pas revenir sur la page d’accueil.
Dans la page média met dans le menu à gauche «mini-clip» au pluriel car j’ai failli raté les vidéos suivantes (la résolution de mon écran coupait juste après la première vidéo et parfois j’oublie de remarquer l’ascenseur)
C’est dommage que les liens visités aient la même couleur que les liens non visités (les «plus d’infos» on ne sait plus lesquels on a déjà regardé)
Les remarques suivantes ne sont pas visibles à l’écran mais sont des améliorations que tu devrais apporter.
Les pages ne sont pas valides W3C et WAI. Cela devrait être le minimum quand on poste sur le site d’alsacréation
Tu n’utilises pas le format HTML5 alors pourquoi ton entête est celui du HTML5? C’est aussi utile qu’une ampoule sans électricité.
N’utilise pas le format .jpg pour des images qui n’ont pas beaucoup de couleurs différentes. Tu diviseras par 100 la taille de tes fichiers (je l’ai vérifié sur certaines de tes images)!
Avec Gimp ouvre le .jpg. Menu Image>Mode>Couleur indexées>Générer une palette optimale pour les images noir et blanches que tu as le nombre maximal de couleurs (8 devrait suffir pour les images dont les frontières des couleurs est verticale ou horizontale, tu pourrais même pour certaines utiliser la palette noir & blanc), sans tramage. Puis tu enregistre en .png.
Tu as des images de 1 pixel sur 1 pixel qui servent à définir des background.
#courant {
background:url(img/80.png)
}
On peut à la rigueur l’utiliser pour pallier les non-implémentation RGBA dans les anciens navigateurs en utilisant des images semi-transparentes, mais ce n’est pas ton cas car ton image-pixel est blanc opaque.
utilise simplement :
background:white
Quand tu as dans ta css
#nav a:hover {
…
}
prends l’habitude de le doubler avec :focus
#nav a:hover, #nav a:focus {
…
}
Quelques remarques sur le goût et les couleurs.
C’est dommage d’être obligé d’afficher le code source pour apprendre que le style de musique du groupe est du rock alternatif/psychédélique.
La première vidéo, on passe la moitié de son temps devant un écran noir, c’est insupportable.
Les suivantes sont nettement mieux (dire que j’ai failli les rater).
