Jquery et css [Résolu]

[moumous24]

Bonjour tout le monde.

Je post un message de detresse ! Du jamais vu pour ma part !
Voici mon code html

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="menuh">
 
<a href="#" title="Ressources Communes">
<div class="mressources">
	<div class="ressourcescom">
		<?php
			cat_cfa(82);
		?>
	</div>
</div>
</a>
 
</div>

Voici mon 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
 
#menuh .mressources {
	float: left;
	width: 224px;
	height: 52px;
	display: block;
	background-image: url([[pix:theme|menuh/rcommunes]]);
	cursor: pointer;
}
 
#menuh .mressources:hover {
	background-image: url([[pix:theme|menuh/rcommunes2]]);
}
 
#page-content .ressourcescom {
	z-index: 100;
	position:absolute;
	background: #fff;
	padding: 10px;
	float:left;
	display: none;
	margin-top: 50px;
	-moz-box-shadow: 1px 1px 12px #555; 
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
 
}

Tout fonctionne super sur chrome et ff. Mais sur Ie 8, J'ai 2 fois mon div "mressources" qui s'affiche cote à cote !!!!! Le plus étrange c'est que sur le deuxieme div, je n'ai pas le lien <a href>. j'ai juste l'image de fond.
Si je contraint à une taille inférieur, ca réduit les deux !!!

Le seul moyen pour régler mon pb sous ie c'est

Code :

1
2
3
4
5
6
7
8
9
 
<a href="#" title="Ressources Communes">
<div class="mressources">
</div></a>
<div class="ressourcescom">
<?php
cat_cfa(82);
?>
</div>

Mais du coup c'est mon menu qui fonctionne plus !!!!
voici le code jquery

Code :

1
2
3
4
5
6
 
$(".mressources").hover(function() {
        $(".ressourcescom").show();
    }, function() {
		$(".ressourcescom").hide();
    });

Please aidez moi !!! je n'y comprend plus rien et j'ai envie de bombarder Microsoft et son navigateur !!!


merci d'avance.

[betadev]

Bonsoir ,

Peut être que les erreurs html sont le vrai problème car la balise div ne doit pas être à l'intérieur d'une balise a , pour ça essaye cela :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="menuh">
 
<div class="mressources" style="background-color:#999999;" >
	<div class="ressourcescom" style="background-color:#990000;" >
		<a href="#" title="Ressources Communes">
		<?php
			cat_cfa(82);
		?>
		</a>
	</div>
</div>
 
</div>

[moumous24]

En plein dans le mille ! ca fais 15 ans que je fais du HTML et je savais pas ca !
La honte !

je met le code :

Code :

1
2
3
4
5
6
7
8
9
10
 
<div class="mressources" style="background-color:#999999;" >
	<div class="ressourcescom" style="background-color:#990000;" >
 
		<?php
			cat_cfa(82);
		?>
 
	</div>
</div>

La balise A ne sert pas à grand chose ici. Le title je vais le gérer autrement.

Merci en tout cas.