Discussion :

[insane1]

Bonjour,
j'ai un problème d'affichage sur un menu composé d'une liste <ul> avec des éléments en ligne.
Sur firefox et IE8 lorsqu'un élément de ma liste est trop grand pour demeurer sur une seule ligne alors il va à la ligne d'en dessous.
J'aimerai retrouver ce comportement avec IE7 qui pour l'instant tronque mon élément trop long ( en revanche si un je rajoute un autre élément après celui qui est tronqué alors ce dernier est bien à la ligne d'en dessous )

Avez vous des idées ?

[polymorphisme]

Bonjour insane1,

as tu essayé de remplacer les espaces par des espaces insécables ?

Peux tu nous faire passer tes sources ?

[insane1]

Voici le code html généré :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="art-nav">
                	<div class="art-nav-center">
                	<ul class="art-menu">
                        <li><a class="active" href="/frontend.php/test/2"><span class="l"></span><span class="r"></span><span class="t">Accueil</span></a></li><li><a class="active" href="/frontend.php/test/1"><span class="l"></span><span class="r"></span><span class="t">Présentation</span></a><ul><li><a href="/frontend.php/test/1">Présentation 1</a></li><li><a href="/frontend.php/test/3">Présentation 2</a></li></ul></li><li><a class="active" href="/frontend.php/test/4"><span class="l"></span><span class="r"></span><span class="t">Nos actions</span></a><ul><li><a href="/frontend.php/test/4">Action 1</a></li><li><a href="/frontend.php/test/5">Test</a></li></ul></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">Test</span></a></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">test2</span></a></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">blablabla</span></a></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">dans la vie</span></a></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">ici jolie ld</span></a></li><li><a class="active" href="/frontend.php/test/home"><span class="l"></span><span class="r"></span><span class="t">blabla</span></a></li>                	</ul>
                	</div>
                </div>

Et le css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
 
.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

Edit : Je viens d'essayer avec des espaces insécables mais cela ne solutionne pas le problème. D'ailleurs même avec un texte sans espace le soucis perdure.