[résolu] Image survolée

[gael49]

Salut !

J'ai encore 1 problème de programmation web
Je voudrais refaire le menu de mon site, c'est une image qui contient des zones cliquables, mais j'aimerais que lorsque l'on passe la souris sur certaines zones, elles soient mises en valeur. Donc j'ai commencé à créer l'image de fond, les calques contenant les parties mises en valeurs... Mais je suis obligé de créer des zones cliquables sur chaque calque (DIV) ! En effet si je met seulement les zones cliquables sur l'image de fond, ça clignote au passage de la souris
Mais mon problème c'est que ça va me faire 1 code super lourd et j'aimerais trouver une solution plus simple.

voici la page test du menu:
########

L'image de fond :
########

Un exemple de calque :
########

Et le fichier CSS :
########

Edité pour ne pas fausser mon référencement.

[blankoworld]

Bonjour,

Dans l'immédiat je ne peut pas répondre (je ne suis pas chez moi tranquillement), mais peut être que l'étude d'une de mes pages faisant la même chose pourrait t'aider : Porte des étoiles découpé.
J'ai eu la chance d'avoir un ami qui m'a découpé l'image sur son logiciel Adobe Photoshop (ou un truc dans le genre), celui ci a découpé l'image de telle sorte que cela me fasse un tableau, tableau lui même crée en HTML par Adobe Photoshop. De là j'ai mis en forme avec du CSS et crée des images pour le passage au clique. J'ai aussi ajouté des calques (le texte qui apparaît au passage).
Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.

[coyote89]

Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.

Boarf, "déconseillé"... c'est un peu fort comme terme. C'est juste plus long à charger que par des <div> par exemple. Rien de bien grave quoi

[blankoworld]

Oui le tableau n'est pas conseillé sur le net, mais là je crois que c'est nécessaire pour pas mettre l'image de survol n'importe où.

Boarf, "déconseillé"... c'est un peu fort comme terme. C'est juste plus long à charger que par des <div> par exemple. Rien de bien grave quoi

Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...

Pour l'aide dans Photoshop, je cherche encore dans ma tête le nom de l'outil permettant de couper l'image, mais je ne trouve plus. Et je dois avouer que je n'ai pas de version de Photoshop chez moi, pas assez d'argent pour . Quelque chose avec le traceur ou similaire, l'icône est un genre de plume de stylo plume, et ça fait des traits sur la page entière. A la fin tu te retrouves avec une image coupée bizarrement.

[gael49]

Merci pour vos conseils, désolé de pas avoir répondu plus tot, je n'avais pas suivi ce sujet

Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...

En effet, c'est pour ça que j'ai voulu refaire mon menu au départ, j'aimerais avoir le maximum de pages conformes au W3C en XHTML strict.
Finalement j'ai gardé mon code de départ en ajoutant des boucles for en PHP j'ai réduit le code de moitié au moins et ça se charge assez vite, donc c'est cool

[6r]

En fait les tableaux ne sont pas deconseillés mais simplement "inadaptés" à des problémes de présentation. Les tableaux sont parfaitement adaptés et acceptés par le w3c dès lors qu'il s'agit de mettre en forme des données tabulaires (un tableau en fait).

[blankoworld]

Oui c'est le W3C qui déconseille, sauf pour les tableaux statistiques, etc ...

[6r]

simple correction de sémantique mossieur

[blankoworld]

simple correction de sémantique mossieur

Oui oui c'était compris .
C'est moi qui mettais tout dans le sac.