Mise en forme d'un menu arborescent et retour à la ligne

Bonjour,

Je me heurte à un problème de mise en page en tentant d'utiliser un menu arborescent. Mon souci étant que les feuilles, si le texte est trop long, tronquent le texte à la taille du div qui contient tout l'arbre plutot que de les afficher sur la ligne suivante.

Un exemple valant mieux qu'on long discours, j'ai mis une version très simpliste qui isole le problème :

http://h.lassiege.free.fr/

Voici le html d'un noeud en particulier :

<div ext:tree-node-id="ynode-61" class="x-tree-node-el x-tree-node-leaf x-unselectable toto" unselectable="on">
            <span class="x-tree-node-indent">
                <img src="testFiles/s.gif" class="x-tree-elbow-line">
            </span>
            <img src="testFiles/s.gif" class="x-tree-ec-icon x-tree-elbow">
            <img src="testFiles/s.gif" class="x-tree-node-icon" unselectable="on">
            <a hidefocus="on" class="x-tree-node-anchor" href="http://localhost:8082/consoleWeb/dispatch.gp3?def=v1.index.page&amp;pageNameV1=/gestionBase/UserEnvAssoc.jsp" tabindex="1">
                <span class="normalspan" style="white-space:normal" unselectable="on">titre de feuille assez long qui dépasse</span>
            </a>
        </div>

pour simplifier, un noeud est composé d'une indentation, des différents éléments qui matérialisent les traits de l'arbre, de l'icone, puis du texte.
Dans le css, il y a une propriété :
white-space : nowrap sur l'élément x-tree-node ce qui explique que je ne reviens pas à la ligne.

A mon avis ce n'est pas à cet endroit qu'il faut changer en white-space: normal puisque sinon le texte qui revient à la ligne va couper les traits de l'arbre.
L'idée serait plutot que le retour à la ligne soit juste en dessous du texte, c'est à dire aligné sur l'icone.
J'ai pensé le faire en rajoutant un

style="white-space:normal" 

sur le span du texte mais ca n'a rien changé.

Est ce que quelqu'un aurait une idée ?

Effectivement c'est vers cette conclusion que je me dirige. J'ai rajouté un ascenceur en bas et par contre des tooltips assez voyants au survol des noeuds pour ne pas être obligé de descendre tout en bas pour faire bouger la barre.

Bonjour Hugo,

J'ai pu voir de nombreux "menus arborescents" sur le net, l'exemple suivant semble correspondre à ce que tu cherches à faire :
http://rcardon.free.fr/dbtreeview/demo.php

Entièrement paramétrable (notamment au niveau de la treeview.css) et le retour à la ligne semble effectif lorsque les feuilles de l'arbre ont besoin de plus de place pour s'épanouir au soleil...c'est poètique tout ça...

Bref, si cela peut te donner des idées, c'est cadeau
Cdt,
Sylvain