OH MY GOD, THANK YOU!!!!!!!!!!!! NOBODY WOULD FRIGGIN' EXPLAIN WHERE I NEEDED ALL MY FILES AND STUFF, AND IT HAS TAKEN ME ALMOST A WHOLE DAY TO FIGURE OUT HOW TO GET IMAGES IN THE BACKGROUND OF MY PAGE!!!!!!! THANK YOU, THANK YOU, THANK YOU!!!!!
Thanks a lot!! this videos had helped me so much! better than the coursera videos where they talk and talk introduction and never go to the point of teaching. You are a great teacher!
About the fourth of the image, It's about the resolution , if you have 1280x720 you divide 1280/4 = 320 width and 720 / 4 = 180 height henceforth 320x180 its a 1/4 of the whole image ... It could be pretty basic and easy to understand , but I found it my way so I hope it helps someone. Cheers
Brother I thank you for your wonderful 👍🏻😊 explanatory video 📷 I just came across your video on TH-cam as a beginninger in HTML and I think 💬🤔 I'm humble to learn from you brother 🥰✅
i was in the process of learning html and some basic css , while watching this videos , i already knew some of the stuff but with this videos it help me so much to understand it more and now i feel more fluent on html and css i understood the concept of it pretty quick, i learned python in 2/3 weeks with 2 to 3hours a day but still need to do projects to understand how it works more, while front-end i'd say its quite simple, but learning javaScript its my next goal, i want to understand backend development , i learned python and understand most of the concept of it, now is there tutorials on how to set up a database or user storage to store their "credentials" by that meaning like email and password and remembering it or storing it , i some what know the code for it but still need practice, i know how to get user input from python using username = input("Enter username:") print("Username is: " + username) but also confused on how when you login it would ask for the password, would you add the python or javascript Script? and is javascript or python better for backend or php? checked out some of your other videos and saw you use php as your backend language, any update on another language you would use today instead of php?
if you're still having problems with the div class background-image not showing, even after correctly stating the img path, try ctrl + shift + R for refreshing your page. Seems like most browsers mess up the cache when dealing with urls.
I can't find my image. I can't find my rootfolder. I already wrote everything in the src. C:/Users/Downloads/cats.jpg and tried everything I can think of. Still no image. Why?
This is what I needed!! I'm making a scorebug, and I'm wanting to insert a pic of the Teams logo inside the box that has their score in it! Thank you so much!
For those who keep in questioning about the image is not shown in the web page. Make sure that your folder, where your image is, placed at the same file where your HTML file is.
Great video but I would like to add a correction. You said that we need to add a width and a height to the image but you were actually adding it to the div and not to the image. Thanks for the video!
Dude I love you it has taken me so long to figure what I was doing wrong (I was starting from user all the way to the pic and I needed to start from the file with my index). YES! Awesome!
Can you add an image using just CSS file and not adding code to HTML? Like referencing a HTML header selection ID to the CSS file and adding an image to the header selection just adding code to the CSS file?
Great helpful vids! But I am having trouble on something. So I have my menu up top, then my header, and then I have some writing in my paragraph. I would like to insert a pic behind the paragraph text but not behind my headr or menu? Thanks in advance.
Hi, I was wondering how you would insert multiple images. Say you have a folder named images and you have 4 images inside. How you would insert all the images into your webpage? Would you create an img tag for each one?
yupp you will have to create it for each of them unfortunately, but however you can style them altogether by a class or an id if you want, which will somewhat be time-effective.
Guys to display the image don't type "jpg" or "gif" at the end of the name of the image inside the folder, just put the "jpg" or "gif" inside the html document.
Why doesn't my images work? I tried doing which is a profile photo of myself but the image doesn't work. Can anyone help me? been trying to fix it for hours but nothing
Is it possible to link to an image from another project? For example: how do I add the image "smallcat.jpg" from the project "HTML" if I am currently in the file "basics.html" in the project "js_basics"? I ve tried with: . However, this doesn't work. Thank you for the answer!
When I give some height to image, to look better in webpage with full screen. But when i goes to small screen the height still remain same.. and looks so bad..what can I do??
Ok, I'm really going to have to study margins, padding, borders, pixels, percentages, height and width. It seems like the sizing is tripping me up and I'm going to have to learn which size attributes to use and when and how many pixels/percentages.
im really confused and would appreciate if someone could answer. i am doing the free code camp html course and they said to import an image on a website by: - why does free code camp tell you to write an address- address to what?? and why is it different from this guys?
It's because they have shown you how to link to a image found online, and I have shown you how to link to a image that's included in your websites rootfolder. Both ways work.
pls help iam having problem with images i have created a folder named templates where i have all my temlpatets and another one named images which contain the images when in home.html i type the image tag and type src ='"images/dog.jpg"and run the command the browser show a green n white mini file and does not loads the image. when i press f12 for seeing the codes it shows ''Failed to load resource: the server responded with a status of 404 (NOT FOUND)'' why!!!!!!!! why!!!!! why is it showing the error even though the image path is correct
NEW UPDATED 2023 COURSE AVAILABLE! 🙂
You can find it here: th-cam.com/video/v8jDnBYc0bs/w-d-xo.html&ab_channel=DaniKrossing
thank you so much for this video, you have no idea how much you've helped!
OH MY GOD, THANK YOU!!!!!!!!!!!!
NOBODY WOULD FRIGGIN' EXPLAIN WHERE I NEEDED ALL MY FILES AND STUFF, AND IT HAS TAKEN ME ALMOST A WHOLE DAY TO FIGURE OUT HOW TO GET IMAGES IN THE BACKGROUND OF MY PAGE!!!!!!! THANK YOU, THANK YOU, THANK YOU!!!!!
Thanks a lot!! this videos had helped me so much! better than the coursera videos where they talk and talk introduction and never go to the point of teaching. You are a great teacher!
About the fourth of the image, It's about the resolution , if you have 1280x720 you divide 1280/4 = 320 width and 720 / 4 = 180 height
henceforth 320x180 its a 1/4 of the whole image ... It could be pretty basic and easy to understand , but I found it my way so I hope it helps someone.
Cheers
Brother I thank you for your wonderful 👍🏻😊 explanatory video 📷
I just came across your video on TH-cam as a beginninger in HTML and I think 💬🤔 I'm humble to learn from you brother 🥰✅
i was in the process of learning html and some basic css , while watching this videos , i already knew some of the stuff but with this videos it help me so much to understand it more and now i feel more fluent on html and css i understood the concept of it pretty quick, i learned python in 2/3 weeks with 2 to 3hours a day but still need to do projects to understand how it works more, while front-end i'd say its quite simple, but learning javaScript its my next goal, i want to understand backend development , i learned python and understand most of the concept of it, now is there tutorials on how to set up a database or user storage to store their "credentials" by that meaning like email and password and remembering it or storing it , i some what know the code for it but still need practice, i know how to get user input from python using username = input("Enter username:")
print("Username is: " + username) but also confused on how when you login it would ask for the password, would you add the python or javascript Script? and is javascript or python better for backend or php? checked out some of your other videos and saw you use php as your backend language, any update on another language you would use today instead of php?
Best video ever. Thanks for that, this was so confusing to me
if you're still having problems with the div class background-image not showing, even after correctly stating the img path, try ctrl + shift + R for refreshing your page. Seems like most browsers mess up the cache when dealing with urls.
Im also having a problem with image, being appeard. I dosnt want to show up on the page, even tho I gave it the right folder and in the right place.
3 years later! I hope you managed to crack it. th-cam.com/video/rSSijzjPYKU/w-d-xo.html
I have the same problem, heelp
just started learning programming at my late age. this tutorial is really helpful.
After seeing almost 10-20 videos on how to add image................I found the solution in this video. Thankyou!!!
Thank you for your video. Can you explain why did you add it inside the wrapper?
I can't find my image. I can't find my rootfolder. I already wrote everything in the src. C:/Users/Downloads/cats.jpg and tried everything I can think of. Still no image. Why?
Same problem
Enter the image in a new file then
Enter the website you created whith the
New file that you enter your image
This will work
Bless you man, exactly what I needed. Really thank you.
This is what I needed!! I'm making a scorebug, and I'm wanting to insert a pic of the Teams logo inside the box that has their score in it! Thank you so much!
damn bro, i've been searching for this on AI for hours and then you soled my problem in 1 minute
For those who keep in questioning about the image is not shown in the web page.
Make sure that your folder, where your image is, placed at the same file where your HTML file is.
Thank you
Thanks
U can just copy the picture link
God bless you for this straight forward reply 🙏
Great English!
sarcasm
Dude, there are good videos out there and i learned a lot, but yours is so well structured and how you split your videos... Thank you
Please help me. It works if I browse with Google chrome not Mozilla Firefox. Why
Thanks
no wrong
Thanks a lotttttt
It was a big problem for me, that solved because of you
Thank you for this video..
This has helped me a lot..😊
Great video but I would like to add a correction. You said that we need to add a width and a height to the image but you were actually adding it to the div and not to the image. Thanks for the video!
Man you have helped me so much thanks ...You are doing some awesome job..
I can't see the picture? But i did the same thing you did :c
Ik it's like super mate but did u make sure ur pic was in the same file as ur html and css
Make sure the directory is there so if the image is in the images folder put : Images/picture.png hopefully that helps
put the accurate location of the photo
You must not have any spaces or anything in between your images name. But, of course, you can use (-) that sign in the place of spaces
Same,me depressed...very sad times...
What I love about this is the very clear video image. So many tutorials are blurry and you can’t see the code clearly. Thank you.
o god bless this man and his family for giving us for and amazing information
Thank you so much i really learn what i have been look for so long you are the best❤
You are so welcome! 🙂 Just so you are aware, I have a new 2023 HTML course on my channel, which is much better than this older one. 😊
thanks this helped alot had to search through many videos to find how to do this !
Best instruction I have found so far, Thank You
well done working . can you give me knowledge about in website image i can copy image address then i puting .the size is very large
My image doesn't appear
Dude I love you it has taken me so long to figure what I was doing wrong (I was starting from user all the way to the pic and I needed to start from the file with my index). YES! Awesome!
it didnt work for me for some reason :(
Thanks a lot for this video, i search everywhere for this, you really helped me..
Thanks! Great job with the videos
when i set the image and run the programm the picture is not shown.
same
Here to say the same and I can NOT find where to sort this issue, making my brains hurt hard!@@nemas6355
SAME WITH ME. IVE DONE ALL MY POSSIBLE BEST ITS HELA FRUSTRATING
aljaz mesec same
@@jacobdreisbach7433 make sure the image type is what u type after path ( path/name.type)
Can you add an image using just CSS file and not adding code to HTML? Like referencing a HTML header selection ID to the CSS file and adding an image to the header selection just adding code to the CSS file?
Do you know how i can make two images stand side by side to one another?
Thank you omg 😭
Thankyou for saving my ass in my IT course :)
thank you so much helped a lot
Cheers Daniel!
Thank you Sir for your video helps me a lot my project 😊😊😊
thank you so much wish you all the best with your channel
😎😎😎
Url didn’t give browser option or folder option. any help me?
Great helpful vids! But I am having trouble on something. So I have my menu up top, then my header, and then I have some writing in my paragraph. I would like to insert a pic behind the paragraph text but not behind my headr or menu? Thanks in advance.
I needed this.. thank you so much
Keep Up The Work Mann..Really Appreciable......
THANK YOU SO MUCH! U SAVED MY SANITY
Thank u ....it's such a very useful video...
thanks bro
Hi, I was wondering how you would insert multiple images. Say you have a folder named images and you have 4 images inside. How you would insert all the images into your webpage? Would you create an img tag for each one?
yupp you will have to create it for each of them unfortunately, but however you can style them altogether by a class or an id if you want, which will somewhat be time-effective.
Fantastic video!
THANK YOU
Guys to display the image don't type "jpg" or "gif" at the end of the name of the image inside the folder, just put the "jpg" or "gif" inside the html document.
Thank you that helped me alot i was struggling
Thanks
i did that it still didnt work
Why isn't this the most upvoted comment!? Tutorials everywhere say to call it .ico or .jpg but your solution solved this issue.
thanks dude help me lot
😀
MY "HOVER" IN SUBLIME HAS NO COLOR AND NO EFFECT HOW DO I FIX IT ??
Why doesn't my images work? I tried doing which is a profile photo of myself but the image doesn't work. Can anyone help me? been trying to fix it for hours but nothing
Is it possible to link to an image from another project? For example: how do I add the image "smallcat.jpg" from the project "HTML" if I am currently in the file "basics.html" in the project "js_basics"? I ve tried with: . However, this doesn't work. Thank you for the answer!
When I give some height to image, to look better in webpage with full screen.
But when i goes to small screen the height still remain same.. and looks so bad..what can I do??
img { max-width: 100%; height: auto; } in CSS automatically resets image size in accordance with webpage size
where can I get Css theme from google?
Great help buddy!
Why you used meta charset attribute?? And set it to Utf 9
Awesome...thanks so much---👍
Ok, I'm really going to have to study margins, padding, borders, pixels, percentages, height and width. It seems like the sizing is tripping me up and I'm going to have to learn which size attributes to use and when and how many pixels/percentages.
Thanks Dani, anther great tutorial
how do you insert a link into an image like "click here" button or picture of something.
thank you sir
Thanks a lot brother.
Really helpful , thank you !
Good ☺
Please tell me what is the app or website you are useing to write the coding?
VSCode is the best text editor for web dev according to most, and it is what I use today
@@Dani_Krossing Thank you so much😊
what a nice video. Thank you!
Than you so much
for some reason my image wont work or load
Thanks
ur the best, i love u
why do mine wont load
do jpeg images dont work with html?
Im trying super hard for some reason it wont load it will show that the code is there it just wont load and its becoming difficult
Thank you so very much. Can't thank enough...
What should i do if i can't see my image?
Thank you again.
actually worked thanks
You are really doing a great job. May Allah help you.
Ameen ameen ameen
How do I overlay text plz help.
great video thanks for posting
How can I add background pic in my sublime??
I'm using phone but I dont know how to get the pic in the code
What text editor do you use
Visual studio code is think
Nice
Nice video,but how to make photo on the right side of my webpage?
What app is that?
Ou eksplike byen. Mèsi
what app is this?
im really confused and would appreciate if someone could answer. i am doing the free code camp html course and they said to import an image on a website by: - why does free code camp tell you to write an address- address to what?? and why is it different from this guys?
It's because they have shown you how to link to a image found online, and I have shown you how to link to a image that's included in your websites rootfolder. Both ways work.
@@Dani_Krossing ohhh that makes so much sense!! jeez i should've gotten that from common sense- thank you so much!! :)
pls help iam having problem with images
i have created a folder named templates where i have all my temlpatets and another one named images which contain the images
when in home.html i type the image tag and type src ='"images/dog.jpg"and run the command
the browser show a green n white mini file and does not loads the image.
when i press f12 for seeing the codes it shows ''Failed to load resource: the server responded with a status of 404 (NOT FOUND)''
why!!!!!!!! why!!!!!
why is it showing the error even though the image path is correct
:(
somebody pls help
oh youre such a great teacher
i put in the image but all i came up with was a small icon for photo
Why it does not work when I use Mozilla Firefox as a browser
my image is not visible on the page
thank you for this :]