Comment connaitre le nombre de <li> et addtionner leur largeurs

[pierrot10]

Bonjour,
J'utilise un cool librairie
http://users.tpg.com.au/j_birch/plug...rfish/#sample4

Le problème c'est que je n'arrive pas a ce que mes menu enfant soit aligné horizontalement.
Voici le code

Code :

1
2
3
4
5
6
7
8
 
<ul class="sf-menu dhtml level1 sf-js-enabled">
<li class="sfHover sf-breadcrumb">
<ul class="level2">
<li class="li-level2"></li>
</ul>
</li>
</ul>

Apèrs avoir chercher j'ai compris que <ul class="level2"> n'arrive pas "a dépasser" la largeur de <li class="sfHover sf-breadcrumb">.
Si j'ai deux petit <li class="li-level"> qui ne sont pas plus large que <li class="sfHover sf-breadcrumb"> ca va, si non il sont l'un dessous l'autre.

J'aimerais savoir comment en jQuery, je pourrais compter le nombre de <li class="li-level2"> et additionner leur longeur et attribuer le résultat à <ul class="level2">

Pourriez-vous m'aider sur ce truc?
J'ai tout essayer en CSS, mais nada de concluant

Merci beaucoup

[SpaceFrog]

même avec un overflow visible ???

[pierrot10]

Ben je viens d'essayer sur le ul.level2 et ses li et ca n'a rien changé

[SpaceFrog]

ben d'abord sur le li qui le contient...

[pierrot10]

Ben non ca ne marche pas
Mais en jQuery, c'est pas possble de donner une largeur en fonction du nombre de li?

[SpaceFrog]

Si bien sur mais il n'y a aucune raison de le faire car ça se fait en css ...

[pierrot10]

Ben oui, je suis d'accord avec toi, mais vu je ne trouve comment résoudre ce problème , je me penchais vers une solution alternative

[SpaceFrog]

Pose plutot ta question sur le forum css, et en dernier recours utilise

Code :

$('ul li').length()

ou

Code :

1
2
3
4
5
 
liwidth=0;
$('ul li').each(function(){ 
 liwidth+= $(this).offset().width
})