Bonsoir à tous
J'ai créé un petit site basé sur un menu latéral gauche défini comme suit:
Le reste d ela page est donc décalé de 200px vers la droite via un margin-left à 200px;
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 #menu_container{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 200px; float: left; text-align: left; padding-top: 0px; } #page_container{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; float: none; text-align: left; margin-left:200px; }
Seulement, je voudrais avoir la possibilité de fermer le menu et donc le masque. Ca j'arrive via une document.getElementById('menu_container').style.visibility = 'hidden';
Seulement j'aimerai pouvoir augmenter la taille de cadre principal sinon, cela ne présente aucun intérêt!
Voici la fonction que j'ai écrite:
Il exécute bien le masquage du menu, mais le margin ne bouge pas...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 function fermer_menu() { document.getElementById('menu_container').style.visibility = 'hidden'; document.getElementById('page_container').style.margin-left = '10px'; }
Est ce que je fais quelque chose de mal ?
Comment procéder?
D'avance merci pour votre aide !
Partager