Faire un menu style mot croisés

Bonjour à tous,

actuellement en train de réaliser un site web pour y présenter mon book en tant que graphiste, je me présente face à un problème de taille.
En effet, j'aimerais faire un menu de navigation de style mot croisés.
Voici une image de mon menu:



De plus j'aimerais faire un :hover pour qu'au passage de la souris la couleur change.

Cependant je ne sais pas comment faire surtout que ma typo est une avant-garde et pour la mettre j'utilise des images vu que ce n'est pas une typo accepté de base par les navigateurs.

Merci d'avance pour votre aide.

Funkyfresh

Salut,

Je n'ai pas de solution idéale à t'apporter car je ne crois personnellement pas à ce genre de navigation en terme de faisabilité ou d'ergonomie.

Cependant, je voulais attirer l'attention sur un point :
Que doit-il se passer au survol du A qui fait l'intersection de "contact" et "illustration" ? Si je clique sur ce A, qu'est-ce qui va faire que je vais aller sur l'une ou l'autre des deux pages selon mon choix ? Cela risque de te poser problème. Car si tes images, donc tes liens, sont superposées en profondeur, le lien situé en dessous ne sera donc pas accessible au niveau des intersections. Bref je pense que tu vas te compliquer beaucoup la vie, ainsi que celle de tes visiteurs.
Modifié par Mikachu (14 Sep 2010 - 14:28)

Si tu tiens à tes mots croisés, la meilleure solution pour les reproduire consiste à recourir au Flash. Mais, le Flash n'éliminera pas, pour autant, le problème soulevé par Mikachu.

Merci de vos réponse, j'ai pensé à ce problème et j'ai pensé que les utilisateurs cliquerais sur le mots et non sur les lettres aux intersections. Voulant faire un site assé graphique les mot croisés se découle du EM qui sont mes initiales.
Maintenant je pense qu'il vaut mieux que je trouve autre chose de plus simple si ça n'est vraiment pas réalisable.

La solution du hover justement aurait pu permettre une meilleur lisibilité

Edit voila un aperçu:

http://mabartdesign.olympe-network.com/index.html
Modifié par funkyfresh (14 Sep 2010 - 15:19)

Salut,

Sinon pour mettre une police qui n'est pas "de base" je te conseil la propriété @font-face, reconnue par la plupart des navigateurs actuels.

Il y a plusieurs chouettes tuto à ce sujet sur alsa ( http://www.alsacreations.com/article/lire/947-osez-creer-site-html5-css3.html ), si tu tape @font-face dans le module de recherche tu trouveras facilement.

Et un générateur pour facilité la tâche : http://www.fontsquirrel.com/fontface/generator
Modifié par Gili (14 Sep 2010 - 20:27)

Merci pour ta réponse Gili, ça va m'être fort utile