Pohyblivý text se ve Firefoxu třese

...

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

Martin Baroch
Level 1.5
Level 1.5
Příspěvky: 116
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
Level 5
Příspěvky: 2246
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@4GHz + Fera 2 | MSI B350 PC MATE | Crucial Ballistix Sport LT 16GB 3200CL14 | Sapphire NITRO+ RX 480 4GB | EVGA 500B

Martin Baroch
Level 1.5
Level 1.5
Příspěvky: 116
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
Level 5
Příspěvky: 2246
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@4GHz + Fera 2 | MSI B350 PC MATE | Crucial Ballistix Sport LT 16GB 3200CL14 | Sapphire NITRO+ RX 480 4GB | EVGA 500B

Turion
Level 5.5
Level 5.5
Příspěvky: 2744
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 1.5
Level 1.5
Příspěvky: 116
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: 2744
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: 6830
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.
GOTT is REAL, unless declared INTEGER

Turion
Level 5.5
Level 5.5
Příspěvky: 2744
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 1.5
Level 1.5
Příspěvky: 116
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: 6830
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 ;-)
GOTT is REAL, unless declared INTEGER


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Plně pohyblivý monitor
    od mnouckk » 11 bře 2019 11:10 » v Rady s výběrem hardwaru a sestavením PC
    4
    453
    od mnouckk
    11 bře 2019 13:57
  • autoplay ve Firefoxu nefunguje
    od Martin Baroch » 06 srp 2019 16:56 » v Vše ostatní (sw)
    2
    517
    od Martin Baroch
    07 srp 2019 11:42
  • Defaultní znaky ve Firefoxu
    od Martin Baroch » 04 črc 2019 12:57 » v Mobily, tablety a jiná přenosná zařízení
    4
    621
    od Martin Baroch
    04 črc 2019 19:26
  • Neostrý text po instalaci Windows
    od Jandak » 22 led 2019 13:21 » v Problémy s hardwarem
    12
    1050
    od Jandak
    25 led 2019 11:29
  • Po aktualizaci se nezobrazuje text (W7)
    od Martinkociostrava » 10 led 2019 16:29 » v Windows 10, 8, 7, Vista, XP…
    0
    320
    od Martinkociostrava
    10 led 2019 16:29

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

Kdo je online

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