Bonjour !

J'ai un petit souci sur avec un script !

voila je souhaite quand survolant une image un block div vienne se caller par dessus et affiche des liens dedans !
le div ne prend pas toutes l'image et ce place au milieu !

mais ca bug un coup je survol l'image et ça apparait et un coup ça disparait pas !
je ne sais pas trop d'ou viens l'erreur !

voici le code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
function category(id)
{
	var div = document.getElementById(id).style;
	var display;
 
	with(div)
	{
		display = (display == "none") ? "block" : "none";
	}
}

le coté html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="thumb">
<div class="category">category</div>
<div class="subCategory" id="1" >subcategory</div>
<a href="#" onmouseover="category('1');"><img src="img/paint.jpg"></a>
<div class="thumbottom">&nbsp;</div>
</div>
la party css pour ce au cas ou

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
.category
 {
 	position: relative;
 	text-align: center;
 	padding: 4px;
 	font-size: 1.2em;
 	font-weight: bold;
 	background: #F0F0F0;
 	margin-bottom: 10px;
 }
 
 .subCategory
 {
 	position: absolute;
 	height: 100px;
 	margin: 65px 10px 0 10px;
 	background: transparent url("../img/alpha.png");
 	width: 210px;
 	color: #FFFFFF;
 	z-index: 50;
 	display: none;
 }

voilà si quelqu'un peut me dire ou j'ai fais l'erreur !

merci !