+ 3

Animation Using Keyframes, Audio Bug

Hello! My code has several 🐜 🕷 🐞 🪳. Well, maybe not 🪳…. 1. Grass isn’t displaying. 2. Credits should marquee across the width of the window. Both my container and credit seem to be blocked by a margin that prevents: a) getting container to span width of window b) getting marquee to scroll the width of the window. 3. What to use instead of <pre> to force footer to bottom of page? NEW: Audio not playing? https://code.sololearn.com/Wj0e9xP8Sg1i/?ref=app. Thanks!

html css javascript html5 audio css3

6th Feb 2022, 9:35 PM

Tahiti🌍Castillo

10 Answers

+ 2

1 in line 40 you need to put } that's why the grass doesn't appear 2 inside "credit" includes position : absolute and bottom : 10px or how much you need to move away from the bottom, in percentage pixels... and your credits section is outside the body <body> has to be inside

6th Feb 2022, 11:01 PM

L.M.Paredes

+ 1

L.M.Paredes I seriously cannot believe I overlooked the }. Thank you 🙏

7th Feb 2022, 12:04 AM

Tahiti🌍Castillo

+ 1

Anyone know why audio isn’t playing? I used a Dropbox link to it. It doesn’t work regardless of whether I add “muted” or not.

7th Feb 2022, 4:04 AM

Tahiti🌍Castillo

+ 1

Solomoni Railoa Ni sa bula vinaka 🙏 . I greatly appreciate the time and effort you took to figure this one out, my friend. “Vinaka”. I’ve only checked it with a Mac and iphone, and still don’t hear it (Safari must be one of “those” browsers you refer to) but I’ll check a bit later using a PC. I read some time ago that adding “muted” will allow it to play in all browsers, albeit muted. At any rate, I’m learning a ton from this seemingly simple feature. I thank you again for this helpful info and for fixing the issue! I hope you liked the audio. 😁 On to the tutorial. Vinaka.

7th Feb 2022, 2:32 PM

Tahiti🌍Castillo

+ 1

Solomoni Railoa I finally got to test the audio on a few different machines & browsers. First, I had two different audio files (one from Dropbox & one from Internet). The non-DropBox file works fine, so I kept it for my project. Here’s what happened in testing the Dropbox file that you fixed: Chromebook: (Chrome OS) 1. Error numbered 16 “ReferenceError: playNoise is not defined at HTMLHtmlElement.onmouseover (https://solocode.azurewebsites.net/:1:54)” 2. “SyntaxError: Unexpected end of input” 3. No sound with or without mouseover Dell laptop: (MS Edge) Same as with ChromeBook. Same errors. iPhone: (Safari) 1. No sound. No console errors. Mac: (Firefox) 1. Sound works! Unrelated to your code fix, sun stays stationary, and I get major lagging with Firefox. Mac: (Safari) 1. “undefined” 2. Error numbered 28 “onmouseover@https://solocode.azurewebsites.net/:1:10” Mac: (Edge) No sound. Errors same as with Chromebook. 🔥🦊🏆

8th Feb 2022, 6:58 AM

Tahiti🌍Castillo

+ 1

Yes, I can try that. I’ve previously learned that it’s better to separate the three (HTML, CSS, JS) I think for readability, but I can try that. Thanks!

8th Feb 2022, 7:37 AM

Tahiti🌍Castillo