Petit programme de dessin graphique!!

Bonjour,

J'ai un petit souci pour réaliser ce petit programme,une sorte de paint,voila ce que je dois faire:

Je dois remplir un "div" (environ 400 x 300 pixels) avec des "span" dont chacun à une taille de 5 x 5 pixels.
Donc j'ai realise une boucle en js pour remplir le div mais ça depasse

en cliquant sur un span dans le div on peut lui donner une couleur choisi.

Est ce que qqn pourrait m'aider.

Cordialement.

function f_init() {

		var v_html = "";
		var v_cpt = 0;
		
		while(v_cpt < 100){
	
		v_html = v_html + '<span class="pixel" onclick="f_color(this)" >&nbsp</span>';
		v_cpt = v_cpt+1;	
	
			}
		
		document.getElementById("boite").innerHTML = v_html;
	}
	
	function f_color(v_param){
	
		v_param.style.backgroundColor = "green";
	
	}

Salut,

Qu'est-ce qui dépasse, les carrés ? Personnellement je ferrait des cases vide (sans espace) avec une hauteur et une longueur sous forme de div. Positionner avec float:left.