PC-HELP.CZ

Nahrál jsem do indexu testovacího webu pohyblivý text. V prohlïžečích Google Chrome a Opera se text pohybuje plynule. Ale ve Firefoxu se text při pohybu třese. Lze to nějak opravit?

Děkuji za informaci.
MB

Bez ukázky kódu ti nejspíš nikdo neporadí.

Tady je kód:
<h2><marquee>Loď kýlem čeří tůň obzvlášť v Grónské úžině</marquee></h2>

MB

Tohle je již zastaralá metoda.

Tady máš nějakou ukázku: https://codepen.io/thomasbormans/pen/EjMBqO

Já jsem to zastaralou metodou upravil takhle, ale neumím programovat, jen jsem vygůglil atributy k příkazu a zkusil na firefoxu v linux mint19 je to skoro plynulé. Úplně plynulé bylo u mě moc pomalé, tak jsem to vyladil na kompromis.
<h2 style=font-family:"name7"><marquee truespeed scrolldelay=35 scrollamount=2>Loď kýlem čeří tůň obzvlášť v Grónské úžině</marquee></h2>

Jo, jo - teď je to i ve Firefoxu téměř dokonalé. Ta rychlost je určena číslicí 35?

MB

35milisekund je rychlost obnovení/změny pozice a 2 o kolik se posune pixelů nápis. Na 1 už to je moc pomalé a na menší, než 35 už mi ten nápis začal divně poblikávat, ale může to bejt taky monitorem a jinde to může běhat jinak.

Marquee? S tím se blblo v devadesátých letech, to je dneska nadávka :shock:

Tohle snad navíc pořádně fungovalo jen v IE, tu učebnici jsi koupil v antikvariátu? Tenhle tag nikdy nebyl součástí standardu HTML, jen takový tolerovaný přídavek, a teď je definitivně "obsolete", což znamená že možná ještě někde trochu funguje, ale časem ho prohlížeče přestanou podporovat úplně.

Takže to buď udělej pomocí CSS, nebo jako GIF, což je jediný existující způsob jak dosáhnout toho, aby to vypadalo všude úplně stejně. A rovnou zapomeň že tag marquee existuje, podobně jako frame.

Ten odkaz na CSS teda pěkně škube. To si mohli dát víc práce:).

Jak a kam mám ten odkaz z CSS vložit? Zkusil jsem to do indexu.html v testovacím webu takhle:

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<style>
</style>
</head>
<body>
<div
class="marquee marquee-speed-fast"
data-marquee ="text text text" >
</div>
</body>
</html>

Pohyblivý text se mi prostě nechce zobrazit (mělo by to být v CSS). Jen prázdná obrazovka!!!

Zkontrolujte mi prosím ten script.

Děkuji.

MB

Dodatečně přidáno po 4 hodinách 7 minutách 30 vteřinách:
Ty atributy mezi <div> a </div> jsou patrně součástí nějakého CSS frameworku, který není deklarovaný jako součást obsahu stránky. Mimo těch atributů v kódu prý nic není, takže se nic nemůže zobrazovat.
Potřeboval bych ten CSS framework.To je prosba na autora odpovědi s přezdívkou "faraon".

Děkuji předem za informaci.

MB

Ach jo. Přímo na té stránce je odkaz na autorův Github, kde jsou ke stažení kompletní aktuální zdrojáky: https://github.com/muchweb/html5-marquee

Když chceš okopírovat napodobit něco z nějaké stránky, musíš se především podívat do jejího zdrojového kódu (což dnešní prohlížeče umožňují snadno pomocí pravého myšítka). Tam v sekci HEAD najdeš řádek s relativním odkazem:

Kód: Vybrat vše

<link rel="stylesheet" href="css/marquee.css">

Ten tě přivede přímo na soubor s deklaracemi kaskádových stylů: http://html5marquee.com/css/marquee.css, který si musíš uložit do toho svého webu. A hlavně dodrž správnou cestu k němu ;-)

PC-HELP.CZ

Pohyblivý text se ve Firefoxu třese

Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese

Re: Pohyblivý text se ve Firefoxu třese