Overflow ne m'affiche pas partiellement le mot.
Bonjour,
pour un forum, je dois faire un texte défilant dans un bloc. J'ai réussi à pondre un truc, mais il y a un léger kwak : les mots à droite ne s'affichent pas partiellement, ils attendent de pouvoir être lu en entier pour s'afficher. Comme le problème vient du html et non du javascript, j'ai fais une page de test hors javascript vous montrant le problème.
Voici le code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="test_defilement.css">
</head>
<body>
<div id="scroll_ligne">
<span id="scroll_text">coucou <a target="_blank" href="http://youpomm.com/">Mangez des pommes ! </a></span>
</div>
</body>
</html> |
Voici le code css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| #scroll_ligne{
border:1px solid black;
overflow: hidden;
text-overflow: clip;
width:502px;
height:20px;
max-height: 20px;
max-width:502px;
margin: 0 auto;
}
#scroll_text{
margin-left: 80%;
} |
Ce que je voudrais, c'est que le mot Mangez soit affiché partiellement, coupé à la limite du mot, ce qui n'est pas le cas, il ne l'affiche pas du tout.
Parcontre quand on met le margin-left à 95%, il affiche partiellement le mot coucou, le coupage ne se fait donc qu'au premier mot.
Je suis une bille en css, suis plutôt côté serveur moi...Pouvez vous m'aider? Je vous remercie d'avance pour votre réponse !
Edit :
résolu, en fait le mot allait à la ligne donc n'était pas visible sur la première ligne.
j'ai mis white-space: nowrap; dans #scroll_ligne et ça marche !
