1 pièce(s) jointe(s)
Comportement bizarre d'un code
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:
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:
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> |
1 pièce(s) jointe(s)
a l'affichage oui , a la conception non :(
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....