Bonjour

Ce que je croyais être une simple petite manip' s'est révélé un véritable casse-tête. L'idée était de créer une barre de navigation interactive, intégrée donc au header (au survol de la souris, l'image changerait). Ce qui aurait pu être simple s'il avait été question de la même barre de navigation, invités et membres confondus - un simple mappage sur image avec la barre de navigation toute faite dessus. Vous l'avez compris, ce n'est pas ce que nous voulons. Résultat, il faut placer un à un les éléments, avec leurs propriétés.

J'ai d'abord essayé via des images flottantes. Mais les éléments s'affichent différemment selon les écrans.
J'ai essayé un mappage avec OnMouseOver / OnMouseOut ; si la deuxième image s'affiche bel et bien au survol, la première n'apparaît pas, pour une raison qui m'échappe.
J'ai essayé de superposer les images avec les css, mais cela crée des conflits pour savoir qui est au premier plan, au deuxième plan... bref, impossible d'afficher tous les éléments sur le même plan.

Bref, si vous avez une solution, ou si l'un des trois problèmes peut être résolu (comme par exemple le OnMouseOut)... ce serait génial

Bien, je vous passe le plus "simple" - et celui qui était le plus susceptible de marcher, le mappage, que j'avais placé derrière le <*body> de overall_header ; je ne laisse que le squelette.

Code:

<img src="HEADER" alt="navigmap" usemap="#navigmap" style="border: 0;" id="abc"/>
<map name="navigmap"><area shape="rect" coords="COORD1,COORD2,COORD3,COORD4" href="LIEN" target="" alt="TITRE" onMouseOver="document.getElementById('abc').src ='IMAGE2'"onMouseOut="document.getElementById('abc').src = 'IMAGE1'"/>
</map>

Et sinon, pour superposer les images, j'avais simplement mis une class reliée à mon css en les plaçant différemment sur l'index (1, 2...)
Pour les images flottantes, c'était un simple tableau placé en position absolute sur l'index.

Je sais déjà comment faire une image réactive, là n'est pas le problème ^.^"
De même, pour le css/html c'est très bien, mais ce qu'il me faut, c'est mettre le menu DANS le header (au-dessus, intégré à celui-ci, au pixel près). Pour donner un exemple un peu plus parlant, j'aimerais avoir une barre de navigation comme ici mais avec le :hover en plus (comme, par exemple sur ce même lien, les images qui apparaissent au survol dudit header).

Pour résumer, on aurait le header en fond, par-dessus la barre de navigation avec les éléments, et au survol de ces derniers on aurait une image qui apparaîtrait au pixel près sur le header pour faire comme s'il était animé.