Discussion :

[yamaha12]

Bonjour,
Voila je suis toujours dans ma conquête de rendre mon site impec, après le W3C valide (merci HiRoN), j'essaye de rendre mon site homogène sur les différents navigateurs.

J'ai un problème avec Internet Explorer, il ne prend pas en compte un de mes "hover", qui permet de rendre le texte en gras lorsqu'il est survolé.

Voici mon code HTML et javascript puisque mes liens me permettent de faire afficher une image a côté a droite:

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
    <div id="menu_secteurs">
    <script type="text/javascript">
function Affiche(photo) {
	try	{
	document.getElementById('image').src = 'photo_domaines/image' + photo + '.gif';
	}
	catch (err) {
		if (err.message != 'document.getElementById(id) has no properties') {
			throw err;
		}
	}
}
</script>
 
<div id="image_secteurs"> 
<img src="photo_domaines/image1.gif" id="image" alt="" />
</div>
 
        <ul>
            <li><a onclick='Affiche(2)' class="titre_secteurs">L'aéronautique</a></li>
            <li><a onclick='Affiche(3)' class="titre_secteurs">L'armement</a></li>
            <li><a onclick='Affiche(4)' class="titre_secteurs">L'agro-alimentaire</a></li>
            <li><a onclick='Affiche(5)' class="titre_secteurs">La connectique haute performance</a></li>
            <li><a onclick='Affiche(6)' class="titre_secteurs">La cosmétique</a></li>
            <li><a onclick='Affiche(7)' class="titre_secteurs">Le ferroviaire</a></li>
            <li><a onclick='Affiche(8)' class="titre_secteurs">L'industrie</a></li>
        </ul>
        <div class="clear"></div>
    </div>

Et voici mon code 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
#menu_secteurs{
	margin-top:20px;
	margin-left: 110px;
	padding-bottom:10px;
}
 
#menu_secteurs ul{
	list-style-image:url(../images_sites/puce.png);
	cursor:pointer;
	text-decoration:underline;
}
 
#menu_secteurs ul li{
padding-bottom:10px;
}
#menu_secteurs ul li a{
	color:#493740;
 
}
 
#menu_secteurs ul li a:hover{
	color:#000000;
	font-weight:600;
}
 
#image_secteurs{
	float:right;
	margin-right:90px;
}

Merci a vous cher développeur

[Macmillenium]

Bonsoir,

IE7 et versions inférieures n'interprète le pseudo-classe :hover qu'avec la présence de l'attribut href, malgré le fait que cet attribut n'est pas obligatoire sur l'élément <a> au sens des specs HTML4 ...

Tu peux faire ceci :

Code :

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

1
2
 
<a href="javascript:void(0)" onclick='Affiche(2)' class="titre_secteurs">

ou

Code :

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

1
2
 
<a href="javascript:Affiche(2)" class="titre_secteurs">

[yamaha12]

Code :

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

1
2
 
<a href="javascript:Affiche(2)" class="titre_secteurs">

Merci Macmillenium jviens de testé ce code la sa marche nikel
Je ne savais pas que IE7 et les versions inférieures n'interprète le pseudo-classe :hover qu'avec la présence de l'attribut href, c'est sa qui beuguait

Encore une fois une affaire résolue grâce a vous merci a tous