Discussion :

[w4w4r7b]

bonjour

je suis entrain de réaliser une page web en xhtml et css utilisant table-cell dans un menu mais je sais qu' Internet Exploreur ne reconais pas cette faleur hort je ne trouve pas de moyent d'obtenir se que je feut de sans donc esque quelqu'un conaitra la solution ?

le but est que l'image qui est sur le lien change au passage de la soiris et sa marche parfaitement sous firefox

je vous joint les code xhtml et css ainsi qu'une image ou la souris est sur le 3éme lien

Code :

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

1
2
3
4
5
6
7
<div class="menuhaut">
	<a href="#">page 1</a>
	<a href="#">page 2</a>
	<a href="#">page 3</a>
	<a href="#">page 4</a>
	<a href="#">page 5</a>
</div>

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
.menuhaut{
	width:605px;
	height:47px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
 
.menuhaut a{
	display:table-cell;
	width:121px;
	height:47px;
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	padding-top:21px;
	background-repeat:no-repeat;
}
 
.menuhaut a:link{
	background-image:url(images/menu_1.gif);
	color:#804100
}
 
.menuhaut a:visited{
	background-image:url(images/menu_1.gif);
	color:#804100
}
 
.menuhaut a:hover{
	background-image:url(images/menu_2.gif);
	color:#110D06;
	font-style:italic;
}

merci d'avense a la ou les personnes qui pourons m'aider

[trotters213]

:salut;:
Pourrais-tu nous donner le code entier de ton menu et de ton CSS ?

[w4w4r7b]

bonjour

je vais le métre demain sur mon espase perso free car pour l'instant je travail en local et il n'est pas sur l'ordinateur ou je suis

Edit : c'est sur http://w4w4r7b.free.fr mais je suis surpris de voir que sa se met à marcher (j'en suis arrivé à me demander si internet exploreur n'aurais pas eux une mise à jours lui permétant d'utiliser display:table-cell; dans les feuilles de style)

Edit 2 : sa ne marche toujours pas pour IE 7 mais pour IE 6 ses bon

[trotters213]

Essaie ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.menuhaut a{
display:block;
width:121px;
height:47px;
font-weight:bold;
text-decoration:none;
font-size:80%;
padding-top:21px;
background-repeat:no-repeat;
float:left;
}

Par contre ça serait plus facile à tester si j'avais les images menu_1.gif mais normalement ça devrait être bon avec ce que je t'ai donné.

[w4w4r7b]

merci car avec ce code sa me semble parfait sous IE7 (je dit semble car je ne l'est pas instaler et j'utilise http://ipinfo.info/netrenderer/index.php et pour finir les test sous IE7 je demanderais a un copain) mais pour IE6 la fin du texte du 5éme et denier liens aparais une deuxiéme fois en desous (sur http://ipinfo.info comme en regardant directement j'ai le même résultat) et la ses vraiment tres original

pour les images elles sont toute dans http://w4w4r7b.free.fr/images


EDIT : j'ai ajouter overflow:hidden; dans mon fichier css et le bug est disparu mais parcontre il reste quelque diférence de positionnement suvant les navigateur mais sa sera pour plus tard

encore une foi merci