Est t'il possible de faire ceci en html/css?

Bonjour à tous,

je développe actuellement une application web avec la technologie java.
Du coté client, j'utilise l'html, css, javascript, ajax.

Voici ci-dessous une image de ce que j'aimerai pouvoir faire en html/css.



A l'aide du javascript, les valeurs QT1, QT2, QT3, PX1, PX2, PX3 seront automatique mises à jour et la flèche VAL se placera au bon endroit.

Pouvez-vous m'indiquer comment transcrire ce que j'ai mis en image en html? L'automatisation ne me posera pas de souci.

Je vous remercie.

Bonjour,

pour positionner ton element (contenant un texte et une image avec la valeur en texte alternatif) , le plus simple est de faire usage du positionement en absolu dans un parent en positionement relatif. Il te suffira de mettre a jour la coordonné left (ou right) a jour .

GC

<div id="echelle" style="position:relative;">
<p id="valeur" style="position:absolu;left:xx;z-index:1;">Valeur <img src="fleche.gif" alt="xx" /></p>
....
</div>

GC