Menu horizontal avec images car font exotic

Bonjour,

j'utilise une police spécial pour mon menu et mon titre.

Pour éviter des problèmes d'affichage j'ai crée des images une avec la police blanche et une avec la police rouge (pour quand la police est sur l'image).

voila ce qui ce passe pour l'instant
http://stephanevissutti.free.fr/index.html

je voudrai cacher le texte :) et que l'image soit le lien pour l'autre page.

la c'est un exemple après je doit faire un menu horizontal de 5 parties

Merci

index.html
Code:

1 2 3 4 5 6 <body> <div id="conteneur"> <h1 id="header"><a href="index.html" title="L'oeil ère - Accueil">texte a cacher</h1> </body> </html>
style.css
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 body { margin: 10px 0 ; padding: 0 ; text-align: center ; font: 0.8em "Trebuchet MS", helvetica, sans-serif ; background: #000000 ; } div#conteneur { width: 994px ; height: 400px ; margin: 0 auto ; margin-top: 10px; text-align: left ; border: 2px solid #f7f6f5 ; background: #000000 ; } h1#header { float:left; width:100%; height: 76px ; display: block ; position: relative ; margin:0; padding:0; background: url(images/oeil_ere.png) no-repeat 200px 0; border: 0; } h1#header a:hover { height: 76px ; display: block ; background: url(images/oeil_ere.png) no-repeat 200px -76px; }

PS:

J'aimerai trouver la solution seul si vous pouviez m'indiquer d'abord des pistes, je mettrai le code a dispos quand se sera résolus. Pour l'instant tous les menu que j'ai trouvé en CSS n'utilisai pas d'images mais les fonts classiques.

Salut

Si ça peut t'aider : http://www.developpez.net/forums/sho...64#post1679068

Citation:

Envoyé par enestaf

si vous pouviez m'indiquer d'abord des pistes

Ma piste à moi, c'est l'image dans le html avec le alt correctement renseigné plutôt qu'un texte à cacher :)