Pohyblivý text se ve Firefoxu třese

...

Moderátoři: Marfy, Mods_junior, Mods_senior, HW spec team

Martin Baroch
Level 2
Level 2
Příspěvky: 155
Registrován: říjen 13
Pohlaví: Muž

Pohyblivý text se ve Firefoxu třese

Příspěvekod Martin Baroch » 27 črc 2019 12:18

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

Reklama
flowem
Level 5.5
Level 5.5
Příspěvky: 2608
Registrován: březen 13
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod flowem » 27 črc 2019 12:48

Bez ukázky kódu ti nejspíš nikdo neporadí.
AMD Ryzen 7 2700 + Fera 2 | MSI B350 PC MATE | Crucial Ballistix Sport LT 16GB 3200 | Kingston A2000 1TB | Sapphire NITRO+ RX 480 4GB | EVGA 500B

Martin Baroch
Level 2
Level 2
Příspěvky: 155
Registrován: říjen 13
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Martin Baroch » 27 črc 2019 14:07

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

MB

flowem
Level 5.5
Level 5.5
Příspěvky: 2608
Registrován: březen 13
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod flowem » 27 črc 2019 14:28

Tohle je již zastaralá metoda.

Tady máš nějakou ukázku: https://codepen.io/thomasbormans/pen/EjMBqO
AMD Ryzen 7 2700 + Fera 2 | MSI B350 PC MATE | Crucial Ballistix Sport LT 16GB 3200 | Kingston A2000 1TB | Sapphire NITRO+ RX 480 4GB | EVGA 500B

Turion
Level 5.5
Level 5.5
Příspěvky: 2879
Registrován: březen 16
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Turion » 27 črc 2019 15:57

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>

Martin Baroch
Level 2
Level 2
Příspěvky: 155
Registrován: říjen 13
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Martin Baroch » 27 črc 2019 16:44

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

MB

Turion
Level 5.5
Level 5.5
Příspěvky: 2879
Registrován: březen 16
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Turion » 27 črc 2019 16:58

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.

Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7133
Registrován: prosinec 10
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod faraon » 27 črc 2019 17:16

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.
"Jedna z dezinformací se zaměřuje na spekulace o povinném očkování a očkovacím pasu. ... V jiné variantě tohoto narativu jsou šířeny dezinformace o takzvaném vakcinačním pasu, podle kterých budou těm, kteří se očkovat nenechají, odebírány základní lidská práva a svobody."

https://koronavirus.mzcr.cz/dezinformace-o-covid-19/, Semantic Visions - prosinec 2020

Turion
Level 5.5
Level 5.5
Příspěvky: 2879
Registrován: březen 16
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Turion » 27 črc 2019 17:33

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

Martin Baroch
Level 2
Level 2
Příspěvky: 155
Registrován: říjen 13
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod Martin Baroch » 29 črc 2019 16:43

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

Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7133
Registrován: prosinec 10
Pohlaví: Muž

Re: Pohyblivý text se ve Firefoxu třese

Příspěvekod faraon » 30 črc 2019 23:32

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 ;-)
"Jedna z dezinformací se zaměřuje na spekulace o povinném očkování a očkovacím pasu. ... V jiné variantě tohoto narativu jsou šířeny dezinformace o takzvaném vakcinačním pasu, podle kterých budou těm, kteří se očkovat nenechají, odebírány základní lidská práva a svobody."

https://koronavirus.mzcr.cz/dezinformace-o-covid-19/, Semantic Visions - prosinec 2020


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Pohyblivý model
    od Qinter » 01 srp 2020 13:33 » v Vše ostatní (Off topic)
    21
    2157
    od Qinter
    01 zář 2020 11:57
  • Responsivní text
    od Montes » 27 čer 2020 14:07 » v Programování a tvorba webu
    2
    1073
    od Montes
    27 čer 2020 16:54
  • Text po zkopírování ukazuje jiné znaky
    od extrem » 09 pro 2020 13:22 » v Vše ostatní (sw)
    3
    332
    od Hoff
    09 pro 2020 14:01
  • Výber mikrofónu pre prepis reči na text.
    od TheSalon112 » 09 pro 2020 19:50 » v Rady s výběrem hw a sestavením PC
    1
    250
    od TheSalon112
    29 pro 2020 12:51
  • Webnode - nelze upravit text formuláře.(mobil)
    od Daminekkkk » 02 kvě 2021 07:58 » v Vše ostatní (sw)
    1
    212
    od sojkin626
    02 kvě 2021 08:14

Zpět na “Vše ostatní (hw)”

Kdo je online

Uživatelé prohlížející si toto fórum: CommonCrawl [Bot] a 0 hostů