Discussion :

[jacquesJP]

Bonjour,
j'ai un code gerant un menu CSS horizontal.
sous dreamweaver quand le texte des boutons est un mot en caractère romain pas de problème mais si je met un tiret ou si c est en japonais cela se met en vertical.
par contre si j'insère un point pas de problème.

je ne comprends pas pourquoi

voici les codes

le code 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
#cssmenu {
	padding: 0;
	margin: 0;
	border: 0;
}
.cssmenu {
	margin: 0 auto;
	padding: 0;
	height: 30px;
	width: 100%;
	display: block;
	background: url('img/topMenuImages.png') repeat-x;
}
.cssmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
.cssmenu li a {
	float: left;
	padding-left: 15px;
	display: block;
	color: rgb(255,255,255);
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	background: url('img/topMenuImages.png') 0px -30px no-repeat;
}
.cssmenu li a span {
	line-height: 30px;
	float: left;
	display: block;
	padding-right: 15px;
	background: url('img/topMenuImages.png') 100% -30px no-repeat;
}
.cssmenu li a:hover {
	background-position: 0px -60px;
	color: rgb(255,255,255);
}
.cssmenu li a:hover span {
	background-position: 100% -60px;
}
.cssmenu li a.active, .cssmenu li a.active:hover {
	line-height: 30px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	background-image: url(img/topMenuImages.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
}
.cssmenu li a.active span, .cssmenu li a.active:hover span {
	background: url('img/topMenuImages.png') 100% -90px no-repeat;
}

dans la page:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
    <div id='cssmenu'>
<ul class="cssmenu">
   <li class='active'><a href='index.html'><span>Home</span></a></li>
          <li><a href="profil.html"><span>About</span></a></li>
          <li><a href="lecon.html"><span>レッスン</span></a></li>
          <li><a href="atelier-france.html"><span>アトリエ</span></a></li>
          <li><a href="formulaire.html"><span>レッスン申込</span></a></li>
          <li><a href="http://aj-france.com/blog/" target="_blank"><span>ブログ</span></a></li>
          <li><a href="acces.html"><span>アクセス</span></a></li>            
          <li><a href="equipe.html"><span>講師紹介</span></a></li>
          <li><a href="ajj-promo.html"><span>AJ-Journal</span></a></li></ul>
</ul>
</div>

[rodolphebrd]

Bonjour,

je ne vois pas de problème même sur dreamweaver....

L'aperçu dans le navigateur ou l'affichage en direct est bon.

J'ai rempli quelques items avec des caractères japonais (je pense ).

http://codepen.io/anon/pen/DJjnB

[jacquesJP]

Merci pour la réponse
Je me suis mal expliqué, c est quand je suis en mode création que cela me fait un résultat bizarre sur les caractères occidentaux.
l'affichage lui se fait correctement, mais je comprends pas pourquoi avec les autres codes CSS ( ou le menu que je veux remplacer) je n ai pas ce problème.

dans le cas present quand les caracteres japonais sont code cava , quand ils sont "en japonais" ca va pas....

[rodolphebrd]

Le mode Création vous donne une idée de l'aspect qu'aura votre page sur le Web, mais il ne restitue pas les pages de la même façon que les navigateurs. La fonctionnalité Affichage en direct fournit une représentation plus précise et permet de travailler en mode Code, de façon à visualiser les modifications apportées au concept. La fonction Aperçu dans le navigateur vous permet de voir la façon dont vos pages vont s'afficher dans des navigateurs spécifiques.

Peut-être est-ce due à une interprétation de dreamweaver de la police japonaise concernant son orientation.

Cependant quand vous fixer une largeur à votre balise l'orientation est horizontale, donc correcte.

De toute façon le mode création est un faux ami car il vous donnera un résultat trompeur qui n'est pas le résultat final.

[RhoManu]

Salut,
Tu refermes deux fois </ul>, ça va évidemment pas aider.