Poser une question

Re: Augmenter et diminuer le txt d'une page HTML + et -

Salut,

C'est déjà pas très compliqué mais c'est vrais que ça peut l'être encore plus, enfin avec des heures de plaisir en sus ;-) En faite c'est la structure de tes pages qui doivent être revues dans ce cas là.

Ce n'est pas possible d'accéder à ces valeurs en programmation mais tu peux simuler ce principe. (d'ailleurs il y a un sérieux problème avec ces "grandeur d'accessibilité", si tu remarque bien, le texte change mais pas ceux avec du CSS!)

Alors c'est pas mal complexe, tu dois maitriser le CSS que très peu maitrise à ce niveau. On se contente de mettre des style "absolues" ici et la. Le CSS est une architecture où tout dépend des autres, il y a des parent des enfants etc. Par exemple si tu utilse un pourcentage, ce pourcentage n'est pas relatif au document mais au parent. En d'autres mots, tu n'a qu'à augmenter la valeur du parent pour que LES enfants s'ajuste automatiquement...

Si tu regarde les "units" ou mesure il y a les mesures "relatives" et les mesures "absolues".

http://www.w3.org/TR/REC-CSS1#units

Tu peux donc arriver à construire une structure entièrement relative au style du BODY. Difficile à penser et à concevoir mais une fois fonctionnelle et compatible, il te suffit de changer le style de la grandeur du texte du BODY pour que tous les autres s'en suive!

<style>
.tout {
font-size: 10px;
}
.tout2 {
font-size: 12px;
}
.gros {
font-size: 150%;
}
.tgros {
font-size: 200%;
}
</style>
<script type="text/javascript">

function twNeoClass(_id,_class) {
// Script gratuit des Trucsweb.com
// Laisser cette remarque s.v.p.
document.getElementById(_id).className = _class;
}
</script>

<div class="normal" onclick="twNeoClass('tout','tout2');">TOUT - Très gros</div>
<div class="normal" onclick="twNeoClass('tout','tout');">TOUT - gros</div>
<br>
<div id="tout" class="tout">
<div id="monTitre" class="tgros">Bla Bla bla</div>
<div id="monDiv" class="gros">Bla Bla bla</div>
<div id="monTitre1" class="tgros">TITRE 1</div>
<div id="monDiv1" class="gros">Bla Bla bla</div>
<div id="monTitre2" class="tgros">TITRE 2</div>
<div id="monDiv2" class="gros">Bla Bla bla</div>
</div>

Voilà, on a fait pas mal le tour de la question.
Ciao
Oznog

Réponses

Re: Augmenter et diminuer le txt d'une page HTML + et -   Casarchie 4/7/2003