Navigation bar issue

Danish Zubair — Mon, 13 Mar 2023 15:19:11 +0000

Hi, I am facing some serious issues with the navigation bar of the website. I want to split the navigation bar in 2 parts of the screen, one part on the left and the other part on the right side of the screen. Between these splitted navigation bars, I want to add a section. I have tried many ways, such as "top: 0;" and "bottom: 300px", etc. but it is still not working. I have managed to get the navigation bar at the right side of the screen, but the actual issue, is, that I can`t move the right side navigation bar in the top of the screen, it shows below the left side navigation bar. Can anybody help me solve this issue, as this issue, is really annoying me.

Audio in HTML and JavaScript

Danish Zubair — Wed, 01 Mar 2023 17:35:25 +0000

Hi, I am facing some issues, while creating a really simple web application. I want that wherever the user will click on the page, the music should run in the background. I have downloaded the music in my computer, and then, uploaded to google drive, to get the link. When I got the link and allowed anybody with the link to open and listen to the file, I have pasted the link to the code. I then, runned again, but it is still not working. Can anybody help me in how to add a sound in HTML and JavaScript. This is my code, with the link to the audio file in google drive. Thank you.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body onclick="playAudio()" style="height: 1000px;"> 
<p>CLICK</p>

    <audio id="audio" src="https://drive.google.com/file/d/1oC8w72cZyShs7XW7uDMqIA74bCZRLtvk/view?usp=share_link"></audio>

<script>

function playAudio() {
 var audio = document.getElementById("audio");
 audio.play();

}
</script>    
</body>
</html>

DEV Community: Danish Zubair

Navigation bar issue

Audio in HTML and JavaScript