Menu horizontal avec images car font exotic

**enestaf** · 11/07/2007, 01h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

**enestaf** · 11/07/2007, 02h00

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.