Just got a couple of doubts


#1

Hey guys, I just finished my HTML and CSS course.
but I have a couple of doubts:-
1) How can I upload an image from my computer ?
2) How can I upload videos,music,etc?
3) I am working on a webpage and I've turned an image into the background.
So,when I put my navbar on the left side of the document, it went under the image,How can I fix this ?
4) Even when I "position:fixed" my navbar ,only the first "div" is displayed,Why?


#2

3) How and where did you make the webpage? I recommend you get a text-editor (if you haven't already) and make html files on your computer, then it is easy to link the images and video's etc (1 and 2)

Then you can upload that all (most likely using an ftp client like filezilla) to a server, and tadah, there is your website.

3 and 4: Unable to answer without code, please post code.

if you edit/update your question, leave a reply so i get a notification. when you post code take the following steps to make it visible:


#3

only a like? i was expecting a reply actually


#4

I made my webpage using Notepad.
(Click the image)

I need the steps (tags,attributes etc. to include videos. and music files.)

Here's my HTML :-

<!DOCTYPE html>
<html>
<head>
<title>Athul</title>
<link rel="stylesheet" href="stylesheet.css"  type="text/css"/>
</head>
<body>
<div id="mainbutton">Follow me on :- </div>
<div class="button" id="google">Google +</div>
<div class="button" id="facebook">Facebook</div>
<div class="button" id="school">Visit My School</div>
<img src="file:///C:/Users/owner/AppData/Local/Microsoft/Windows/Themes/Aurora%20Bo/DesktopBackground/northernlights4.jpg"/> 
</body>
</html>

here's the CSS:-

.button,#mainbutton {
font-family:Verdana,Cursive;
font-size:20px;
border-right:5px solid #cc0000;
border-bottom-right-radius:10px;
border-top-right-radius:10px;
border-top:1px solid black;
background-color:#cc0000;
height:25px;
width:200px;
padding-left:10px;
margin-left:-7px;
}
.button:hover {
 width:250px;
 border:5px solid black;
}
img {
margin-left:-25px;
margin-bottom:-25px;
margin-top:-250px;
}

#5

At least upgrade to notepad++, or even better something like sublime text. i put your code in a bin, i removed the image to replace it with a background-cover. I also removed body's default margin.

Let's see, MDN has extensive documentation, including video tag and audio tag