Discussion :

[FMaz]

Comme vous voyez, lorsqu'un texte est trop grand, il est tronqué, et passe sur la ligne suivante. Le navigateur tronque là où il trouve des espaces, mais il semble tronquer AVANT l'espace:
Mobilier de salle de| conférence

au lieu de:
Mobilier de salle de |conférence

Avez-vous une idée pour contourner/résoudre ce problème ?



Code HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<ul class="borderStroke neuf">
	<li>Mobilier</li>			
	<ul>
		<li class="linked"><a href="#">Mobilier de bois</a></li>
		<li class="linked"><a href="#">Mobilier de salle de conférence</a></li>
		<li class="linked"><a href="#">Mobilier de réception</a></li>
		<li class="linked"><a href="#">Mobilier de cafétéria</a></li>
		<li class="linked"><a href="#">Mobilier de mélanine</a></li>
		<li class="linked"><a href="#">Mobilier système</a></li>
	</ul>
	<!-- [... d autres <ul> à structure identique ] -->
</ul>

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
div#zonemenu
{
	width:191px;
	float:left;
}
	div#zonemenu ul
	{
		list-style-type:none;
		list-style-position:outside;
	}
	div#zonemenu ul li.linked
	{
		margin-left:15px;
	}
	div#zonemenu ul li.linked:hover
	{
		list-style-image: url('../img/mobilier_bureau_menu_flecheDroite.jpg');
	}
	div#zonemenu ul.neuf, div#zonemenu ul.usage
	{
		padding:11px;
	}
 
		div#zonemenu ul.neuf li
		{
			color:#6a2e22;
			font-weight:bold;
		}
 
		div#zonemenu ul.neuf ul li, div#zonemenu ul.usage
		{
			font-weight:normal;
		}
			div#zonemenu ul.neuf ul li a, div#zonemenu ul.usage li a
			{
				text-decoration:none;
				color:#000;
				margin-left:-5px;
			}
			div#zonemenu ul.neuf ul li:hover a
			{
				color:#6a2e22;
			}
			div#zonemenu ul.usage li:hover a
			{
				color:#7487ad;
			}
.borderStroke
{
	background-color:#fff;
	border:1px solid #dfdfdf;
	padding:4px;
}

Je sais que le CSS est un peu bordélique, mais c'est qu'il y a eu énormément de modification, alors à force ca c'est bordélisé un peu et comme j'ai pas fini de jouer là dedans, j'attend avant de rendre tout ca propre


Merci à tous !

[Erwan31]

Bonjour,
la phrase est tronquée à partir du moment ou le nombre de signes (caractères ou espaces) dépasse la largeur disponible.
Donc pour qu'il tronque après l'espace et que ce dernier puisse rentrer dans la première ligne, tu dois augmenter la largeur de div#zonemenu de quelques pixels

[FMaz]

Sauf qu'en réalité, le contenu est dynamique. Augmenter la largeur n'est donc pas une solution idéale