28173 sujets

CSS et mise en forme, CSS3

Salut,

J'ai deux blocs, un qui fait office de menu et l'autre de corps du site.
J'ai mis un bouton dans le bloc menu pour que ce menu se replie sur lui même et soit invisible finalement et je voudrais que le bloc du corps passe dessus.
Jusque là, j'ai réussi en mettant visibility:hidden pour le menu et un margin:0 pour le bloc corps.

Le bloc corps passe bien tout à gauche, seulement, les données à l'intérieur ne se déplace pas Smiley decu

Comment puisje faire svp ???
Modifié par NerOcrO (26 Jun 2007 - 10:49)
Bon en fait, j'ai trouvé, c'est assez simple, vu que le visibility:hidden le rend invisible mais il est prend toujours la place au niveau de l'affichage donc j'ai juste rajouter un width:0
Exemple de JS :
function replier(){
	document.getElementById('part_left').style.width = '0';
	document.getElementById('part_left').style.visibility = 'hidden';
	document.getElementById('block_corps').style.margin = '0 2px 0 2px';
}

function deplier(){
	document.getElementById('part_left').style.width = '202px';
	document.getElementById('part_left').style.visibility = 'visible';
	document.getElementById('block_corps').style.margin = '0 2px 0 206px';
}