Div, canvas et z-index

Bonjour à tou(te)s !

Voilà, je re-relook ma page d’index sur mon site, mais j’ai un peu de mal avec les <div> <canvas> et autres « z-index » (leurs emplacements, centrages, etc…)

Ma page et son code en construction sont visibles par ici : http://pierreau.fr/stars.html

Alors, je voudrais (liste des courses) !

-Centrer verticalement et horizontalement le canvas du texte défilant (au milieu des étoiles)

-Faire interagir la souris avec les étoiles uniquement dans la <section id="contenu" class="contenu">, en haut de l’écran

-Centrer la partie basse (actuel menu) par rapport à la partie droite (et non par rapport à tout l’écran)

-Faire de la partie gauche (balise <nav>) un menu comme à l’ancienne avec les frameset (plus supporté actuellement) : je clique à gauche, ça s’affiche à droite

-Tout ça bien sûr en conformité avec HTML5 & CSS3 J

-Avoir vos conseils sur le reste…

Je sais, j’y vais pas par 4 chemins, mais votre aide me sera formatrice.

Bien à vous,

Pierre

Ça fait un peu site des années 90.
Fond noir avec des animations en veux tu en voilà, des images détourées à la hache, des gifs animés qui donne le tournis et des fonctions javascript dont l’intérêt est discutable. Plus une tentative de déterrer une technique plus ou moins abandonnée, les frameset. Est-ce que le fait que l'animation suive la souris apporte un confort de navigation ? J'en doute. C'est le genre de site où la page d'accueil accapare l'attention quelques instants, à cause que ça bouge partout, puis on se lasse et on ferme l'onglet. Désolé, mais j'ai presque envie de le soumettre à webnavets.

Je sais, je n'ai pas évolué depuis... 1996 ! Je l'avoue, mais je ne suis pas un designer :oops:
Le but à l'origine était d'évoluer d'un HTML 4 pourri vers du XHTML transitional, puis vers du HTML5. Le contenu restant globalement ce qu'il est pour l'instant, mais surtout d'avoir un code propre. J'accepte tes conseils, après, les goûts et les couleurs... Peut-être serais-je un jour au top one de "webnavets" ? 8O J'assume
Ce site est pour loi l'occasion d'apprendre et d'évoluer dans le code ; après je suis ouvert aux critiques, si elles peuvent être constructives...

Bonjour,
je ne dirais rien sur les yeux qui piquent ... :aie:

Citation:

---

Ce site est pour loi l'occasion d'apprendre et d'évoluer dans le code ; après je suis ouvert aux critiques, si elles peuvent être constructives...

---

Supprime le style inline, il y en a encore quelque, puis met les styles dans une feuille de style et pour le javascript place celui ci dans un fichier externe et pour finir je dirais juste que tu peux te passer de la TABLE.

PS : pas regardé plus que la page d’accueil.