Merci pour ces précieux conseilles!

j'en prends note !


++ ^^

Evite d'utiliser "none" et utilise un Display="" à la place pour inhiber l'effet "block":
[code]function category(id)
{
var styleDiv= document.getElementById(id).style;
styleDiv.display = (styleDiv.display == "block") ? "" : "block";
}[/code]

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]function category(id)
{
var div = document.getElementById(id).style;
var display;

with(div)
{
display = (display == "none") ? "block" : "none";
}
}[/code]


le coté html :

[code]<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>[/code]

la party css pour ce au cas ou

[code] .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;
}[/code]


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

merci !