modifier le font-size d'un menu

Bonjour,

je voudrais mettre un menu qu'on puisse zoomer en modifiant le font-size. Je me suis intéressé à ce menu qui correspond exactement à mon besoin sauf que les pixels sont mis en dur dans le CSS, donc impossible de faire comme sur cet exemple (bâtard, vu qu'en fond du menu, il y a une image qui ne grossit pas). Comment puis-je faire ?

Code:

---

Element.style.fontSize="20px"

---

Merci pour la réponse qui répond au besoin exprimé mais pas au problème (très mal expliqué).
Mon problème (un petit peu mieux expliqué) :
j'utilise un menu :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<div id="menu"> <div class="menu" id="menu1" onmouseover="affiche(this)"> <a href="#">Menu 1</a> <div class="sousmenu" id="sousmenu1" style="display: none;" onmouseout="affiche(this)"> <div><a href="#">SousMenu 1.1</a></div> <div><a href="#">SousMenu 1.2</a></div> <div><a href="#">SousMenu 1.3</a></div> </div> </div> ... </div>

---

qui s'appuie donc sur une feuille CSS (pas besoin de décrire le js ici)

Code:

---

<link rel="stylesheet" href="style.css" type="text/css" />

---

qui, elle, contient la définition de classes et d'identifiants, qui chacun, contiennent des attributs définissants des tailles (font-size mais aussi margin, width, height, padding-top, et left) ; et quand je veux zoomer c'est, par exemple, affecter un coefficient 1.10 à tous ces attributs. Donc, en fait, je ne veux pas simplement modifier le font-size d'un élément mais modifier plusieurs attributs définissants des classes et identifiants ; et j'ai fait un essai manuel : si j'applique un coeficient de *2 ou de *0.5 à tous les attributs en px, le résultat est celui que j'attends : comment automatiser cela ?

mets tes tailles en em ou le font-size en inherit, du coup la modification se fera en cascade

A l'heure actuelle, le script sur A+ et A- ici modifie (additionne) juste le font-size par une valeur :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<script type="text/javascript"> function CSS_PropertyValue( oElem, property){ var docStyle=''; if( window.getComputedStyle){ docStyle=document.defaultView.getComputedStyle(oElem,null); } else if( oElem.currentStyle){ docStyle = oElem.currentStyle; } return docStyle[property]; } function changeFont( valeur){ var sizeFont = CSS_PropertyValue( document.body, 'fontSize'); //alert('sizeFont='+sizeFont); //sizeFont=10; var unitFont = sizeFont.replace( /([0-9]*)/g , ''); //alert('unitFont='+unitFont); sizeFont = parseFloat( sizeFont); sizeFont += (valeur); if (sizeFont<10) sizeFont=10; document.body.style.fontSize = sizeFont +unitFont; //alert('fontSize+unitFont='+sizeFont+unitFont);   } </script>

---

(En gros, sur A+, j'appelle changeFont("+3") et sur A- changeFont("-3") )(Ce script (un poil modifié par moi) vient de NoSmoking (encore merci à lui)). Si je fais pareil pour tous les attributs utilisés par le menu, ça marcherait ? (je viens seulement de penser à ça)