Problema style.display

[ultimateshadow]

Ciao a tutti,

non essendo un genio nelle spiegazioni vi linko il problema

al passaggio del mouse sulla stellina rossa dovrebbe sparire la stellina rossa e comparirne 5 grigie (segnaposto). Le funzioni javascript che ho usato sono le seguenti comunque nel link che ho postato sopra se guardate la source della pagina c'è tutto: html, css e javascript!

<script type="text/javascript">
function impl(x){
	var i = document.getElementById("imp"+x);
	var e = document.getElementById("exp"+x);
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
	i.style.display='inline';
	e.style.display='none';
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
}

function expl(x){
	var i = document.getElementById("imp"+x);
	var e = document.getElementById("exp"+x);
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
	e.style.display='inline';
	i.style.display='none';
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
}
</script>

Il problema è che la stellina rossa sparisce ma il div che dovrebbe comparire al suo posto non compare... perché!?

[fcaldera]

usa
i.style.display='block';
...
e.style.display='block';

[ultimateshadow]

funziona, grazie!

ti dispiace spiegarmi perchè? xD

[fcaldera]

perchè se hai un elemento vuoto (il background non forza da solo alcuna dimensione) e lo dichiari inline non si vedrà nemmeno se ne forzi le dimensioni

[ultimateshadow]

grande!
capito!
grazie mille!