Przesuwający się tekst pojawił się pod napisem "Info: ", a ma być w tej samej linii.

Question

Witam.

Przesuwający się tekst pojawił się pod napisem "Info: ", a chciałbym, aby znajdował się w tej samej linii. Co powinienem poprawić w kodzie?

<p><span style="color: red">Info:	</span><span style="color: yellow; font-weight: bold"><marquee behavior="alternate" scrollamount="2">Tu będzie przesuwający się tekst</marquee></span></p>

 

Answer 1

http://codepen.io/anon/pen/PNyOMV przykladowe rozwiążanie.

Marquee jest potępiane, nie zaleca się korzystania z niego.

 

Marquee – znacznik blokowy w HTML pozwalający na animację tekstu, grafiki, bądź obrazów. Został wprowadzony jako rozszerzenie interpretowane przez przeglądarkę Internet Explorer i nie był oraz nie jest częścią standardu HTML, nie został też uwzględniony w XHTML. Znacznik jest przestarzały i używanie go przy tworzeniu stron jest błędem. Podobny efekt można uzyskać za pomocą JavaScript.

Comments

Dobrze piszesz. Zresztą na podanym przeze mnie kodzie nie trudno zauważyć, że tekst nawet nie przesuwa się płynnie, są lekkie zacięcia i to nieco drażni.

Możesz swój kod wkleić na jsfiddle? Na codepen.io nie widzę kodu.

---

https://jsfiddle.net/f4va3daf/

---

Jest prawie idealnie, ale przesuwający się tekst nieco się tnie. Umiałbyś ten bajer napisać w JavaScript? Wtedy przesuwający się tekst powinien poruszać się płynnie.